@charset "utf-8";


/* ------------------------------------------- RESET */



body {
	margin: 0;

	padding: 0;


}



dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div {

	margin: 0;

	padding: 0;

}



h1,h2,h3,h4,h5,h6 {

	font-size: 100%;

	font-weight: normal;

}



ul li, ol li {

	list-style: none;

}



table {

	margin: 0;

	padding: 0;

	border-collapse: collapse;

	border-spacing: 0;

	font-size: 100%;

}



a img {

	border: 0;

}



/* ------------------------------------------- BASE */




* {

	font-family: sans-serif;

	color: #404040;

	font-size: 100%;

}

body {

	margin: 0;

	padding: 0;

	font-size: 13px;

	line-height: 1.6;

	letter-spacing: 1px;

	text-align: center;   /* wrapperのautoに未対応用のセンタリング */

	background: url("img/bg.gif") repeat;

}



br {

   letter-spacing: normal;

}




/* ------------------------------------------- link */




a:link 
{


	text-decoration : underline;

	
background: transparent;

	color: #0000ff;


}





a:visited
{

	
text-decoration : none;

	
background: transparent;


	color: #551a8b;


}





a:hover
{


	text-decoration : underline;

	
background: transparent;


}






/* ------------------------------------------- LAYOUT */




#wrapper {

	width: 750px;

	margin: 0 auto;    /* 左右マージンを自動的に空ける */

	border-left: 1px solid #556666;

	border-right: 1px solid #556666;

	text-align: left;    /* 中身を左側表示に戻す */

	background: #ffffff;

}



#header {
 
	width: 750px;

	background: #454545;

}

#contents {

 	width: 750px;

}



#contents #leftCol {

	width: 180px;

	background: #C3bfbf;

	border-right: solid 1px #666666;

	float: left;

}



#contents #rightCol {

	width: 569px;

	float: right;

}



br.floatClear {

	display: block;

	clear: both;

}



#footer {

 	width: 750px;

	height: 15px;

	background: #333333;

}





/* ------------------------------------------- STYLE */




/* -----共通----- */



h1 {

	font-size: 24px;

	color: #ffffff;

	padding-top: 20px;

}



h2 {
	font-size: 16px;

	padding-top: 10px;

	font-weight: bold;

	background: url("img/c_list.gif") no-repeat  0 70%;

	text-indent: 15px;

}

#now {

	color: #f69c46;

	font-weight: bold;

}




/* rightCol */



#rightCol #main {

	margin: 10px 0 20px 20px;

}



#rightCol #main div.text-top {

	padding-top: 15px;

	padding-left: 20px;

	color: #849CA9;

	font-weight: bold;

}



#rightCol #main div.text {

	padding-top: 15px;

	padding-left: 20px;

}



#rightCol #main .line {

	height: 1px;

	padding: 20px 0 10px 0;

}



#rightCol #main div.textLarge {

	font-size: 15px;
 
	padding-top: 15px;

	padding-left: 20px;

}




/* -----TOPPAGE----- */



/* top header */



#header #topLeft{

 	width: 180px;

	height: 129px;

	background: #454545;

	float: left;

}



#header #topLeft img {

    display:block;

    margin: 5 auto;

    text-align: center;

}



#header #topRight{

 	width: 570px;
 
	height: 129px;

	background: #454545;

	float: left;

}



#header #topRight #gpc {

	height: 100px;

}



#header #topRight #gpc span {

	color: #ffffff;

	font-size: 14px;

	font-weight: bold;

	padding: 0 5px 0 30px;

}



#topMenu {

 	width: 570px;

	height: 29px;

}

#topMenu li {

	display: block;

	float: left;

	height: 29px;

	text-indent: 20px;

	line-height: 29px;

	background: url("img/top_menu_bg.gif");

}



#topMenu li#m1 {

 	width: 70px;

}



#topMenu li#m2 {

 	width: 160px;

}



#topMenu li#m3 {

 	width: 110px;

}

#topMenu li#m4 {

 	width: 130px;

}



#topMenu li#m5 {

 	width: 100px;

}




/* topLeftColumn */



#leftCol #top {
	width: 180px;

	height: 800px;

	background: #c3bfbf;

	border-right: solid 1px #666666;

}



#leftCol #top ul {
	padding-top: 30px;

}



#leftCol #top li {

	background: url("img/main_leftbg.gif") no-repeat 0 -15px;

	font-size: 12px;

	height: 50px;

	margin-bottom: 10px;

	padding-left: 25px;

}



#leftCol #top li.sb {

	background: url("img/main_leftbg.gif") no-repeat 0 0;

	font-size: 12px;

	height: 50px;

	margin-bottom: 30px;

	padding-left: 25px;

}




#rightCol #main div.text-top {

	padding-top: 15px;

	padding-left: 20px;

	color: #849CA9;

	font-weight: bold;
}




#rightCol #main #topji_left {

	width: 180px;
	padding-left: 15px;
	padding-top: 10px;
	float: left;

}

#rightCol #main #topji_right {

	width: 300px;
}

/* -----SUB PAGE 共通----- */



/* header */



#header #left{

 	width: 180px;

	height: 100px;

	background: #454545;

	float: left;

}



#header #left img {

	display:block;

	margin: 3 auto;

	text-align: center;

}



#header #right{
 
	width: 570px;
 
	height: 100px;

	background: #454545;

	float: left;

}



#header #right #gpc {

	height: 100px;

}



#header #right #gpc span {

	color: #ffffff;

	font-size: 14px;

	font-weight: bold;

	padding: 0 5px 0 30px;

}




/* leftColumn */



#leftCol #sub {
 
	width: 180px;

	background: #fcd5d5;

}



#leftCol #sub ul {

	padding-top: 30px;

}



#leftCol #sub li {

	background: url("img/bg_leftcol.gif") no-repeat 10px 8px;

	font-size: 15px;

	margin-bottom: 30px;

	padding-left: 20px;

}




/* -----INDEX----- */



#rightCol #main #mail {

	font-size: 16px;

	font-weight: bold;

	padding: 10px 0 0 25px;

}




/* -----JUGYO----- */



#rightCol #jugyo {

	margin-left: 20px;

}



#rightCol #main #jugyo dt{

	width: 70px;

	padding-bottom : 10px;

	font-weight: bold;

	float : left;/* 左に寄せる */

	clear : both;/* フロートの解除 */

}



#rightCol #main #jugyo dd{

	width:400px;

	padding-bottom : 20px;

	margin-left : 70px;/* dtの幅分の設定 */

}



#rightCol #photo3 {

	width: 569px;
 
	height: 200px;

	background: #008080;

}



#rightCol #photo3 img {

	margin: 10px 0 0 10px;

}






/* -----GPCTOHA----- */



#rightCol #photo1 {

	width: 569px;
 
	height: 190px;

	background: #008080;

}




#rightCol #photo1 img {

margin:12px 0 0 22px;

}



#contents #photo2 {

	width: 750px;
 
	height: 260px;

	background: #008080;

}



#contents #photo2 img {

margin:10px 0 0 18px;

}




/* -----SYOUSAI----- */



#photo4 {

	width: 750px;

	height: 127px;

}



#photo4 img {

	margin:0 0 0 3px;

}



#rightCol #main #syousai dt {

	width: 80px;

	padding-bottom : 10px;

	font-weight: bold;

	float : left;/* 左に寄せる */

	clear : both;/* フロートの解除 */

}



#rightCol #main #syousai dd {

	width:400px;

	padding-bottom : 20px;

	margin-left : 80px;/* dtの幅分の設定 */

}

#rightCol #main p {

	padding-top: 15px;

	padding-left: 20px;

	font-size: 16px;

	font-weight: bold;

	color: #ff9900;

}



#rightCol #main ul#tyui {

	width: 480px;

	padding-left:20px
}



rightCol #main ul#tyui li {

	padding-bottom : 10px;

	list-style-type: circle;

}

/* -----OTOIAWASE----- */



#contents #photo6 {

	width: 530px;

	height: 250px;

	background: #008080;

}



#contents #photo6 img {

	margin:12px 0 0 15px;

}



#rightCol #main div.text_red {

	padding-top: 15px;

	padding-left: 20px;

	font-size: 16px;

	font-weight: bold;

	color: red;

}