/* CSS Document */
/*基本・共通*/
img{
	vertical-align:top;
	margin:0;
	padding:0;
	border:0;
}
p{
	margin:0px;
	padding:0px;
}

dl,dt,dd,ul,li{
	margin: 0px;
	padding: 0px;
}

.float_l{
	float:left;
}

.float_l_img{
	float:left;
	margin-right:10px;
}

.float_r{
	float:right;
}

.float_r_img{
	float:right;
	margin-left:8px;
}

.center{
	text-align:center;
}
.right{
	text-align: right;
}

.left{
	text-align: left;
}

.top{
	vertical-align:top;
}

h2{
	margin:0px;
	padding: 0px;
}

h3{
	padding: 0px;
	margin: 0px;
}
h4{
	padding: 0px;
	margin: 0px;
}
h5{
	font-size:100%;
	color:#000000;
	font-weight:bold;
	margin:15px 5px 2px;
}
h6{
	font-size:90%;
	color:#000000;
	font-weight:bold;
	margin:15px 5px 2px;
}

li{ list-style-type:none;}

address{ font-style:normal;}

a:link {
	color: #3366cc;
	text-decoration: underline;
}
a:visited {
	color: #3366cc;
	text-decoration: underline;
}
a:hover {
	color: #3366cc;
	text-decoration: none;
}
a:active {
	color: #3366cc;
	text-decoration: underline;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
	margin-bottom: 5px;
	zoom:1;/*for IE 5.5-7*/

}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */



/*ページ構造*/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color:#414141;
	font-size:84%;
	line-height:1.4em;
	background:url(../image/body_bg.gif) repeat-y top center;
}

#wrapper {
	background: url(../image/wrapper_bg.gif) no-repeat top center;
	width: 100%;
}


#mainimage{
	padding-bottom:10px;
}

#Container{
	width: 740px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background:url(../image/bg_container.gif) left top repeat-x;
	padding:12px 10px 0px;
}


#Left_Contents{
	width: 520px;
	float: left;
	text-align: right;
}

#Right_Contents{
	float: right;
	width: 210px;
	text-align: left;
}

#Container02{
	width: 738px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: repeat-x;
	text-align: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/*ヘッダー*/

#top{
	width: 780px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background:url(../image/top_bg.gif) no-repeat top left;
	padding: 0px;
}

#top h1{
	padding:0px;
	margin:0px;
	float:left;
	vertical-align:bottom;
	
}

#Header{
	background:url(../image/header_bg.jpg) no-repeat;
	height: 66px;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}

#menu_bar{
	text-align:left;
	padding:0px;
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#menu_bar ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
#menu_bar li{
	display:block;
	float:left;
	text-indent:-9999px;
}
#menu_bar a{
	display:block;
	text-decoration:none;
}
#menu_bar a:hover, .navi_x{
	background-position:0px 21px;
}
#navi0 a{
	width:94px;
	background-image:url(../image/top_m0.gif); /*IE6で余分な1px画像を消す*/
	line-height: 21px;
}
#navi1 a{
	width:80px;
	background-image:url(../image/top_m1.gif);
	line-height : 21px; /*IE6で余分な1px画像を消す*/ 
}
#navi2 a{
	width:102px;
	background-image:url(../image/top_m2.gif);
	line-height : 21px; /*IE6で余分な1px画像を消す*/ 
}
#navi3 a{
	width:93px;
	background-image:url(../image/top_m3.gif);
	line-height : 21px; /*IE6で余分な1px画像を消す*/ 
}
#navi4 a{
	width:101px;
	background-image:url(../image/top_m4.gif);
	line-height : 21px; /*IE6で余分な1px画像を消す*/ 
}
#navi5 a{
	width:105px;
	background-image:url(../image/top_m5.gif);
	line-height : 21px; /*IE6で余分な1px画像を消す*/ 
}
#navi6 a{
	width:138px;
	background-image:url(../image/top_m6.gif);
	line-height : 21px; /*IE6で余分な1px画像を消す*/ 
}
#navi7 a{
	width:47px;
	background-image:url(../image/top_m7.gif);
	line-height : 21px; /*IE6で余分な1px画像を消す*/ 
}



/*フッター*/
#Footer{
	text-align:right;
	clear: both;
	width: 750px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-image: url(../image/fotter_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	padding-right: 10px;
	font-size: 80%;
	line-height: 1.5em;
	color: #666666;
}

#Footer li{
	display: inline;
}


/*コンテンツ------------------------------------------------------*/

/*右のコンテンツ------------------------
------------------------------*/
#news{
	width: 210px;
	text-align: left;
	font-size: 80%;
	border-bottom:#C0CDEC solid 2px; 
}

#news_Contents {
	height: 615px;
	overflow:auto;
	margin-top: 6px;
	margin-bottom: 5px;
}

/*左のコンテンツ------------------------
------------------------------*/
div#whatsNew{
	float:left;
	border-bottom:#D6D6D6 solid 2px;
	padding-bottom:5px;
	width:210px;
}

div#whatsNew h3{
	margin-bottom:6px;
}

div#bnrArea{
	float:right;
	width:300px;
}

div#bnrArea img{
	margin-bottom:5px;
}


/*下のコンテンツ------------------------
------------------------------*/
#Container02 dl.Ex_Box{
	height: 158px;
	width: 178px;
	border: 1px solid #CCCCCC;
	float: left;
	margin-right: 6px;
	background:url(../image/bg_container02_dl.gif) left bottom no-repeat;
}

#Container02 dl.Side_end{
	height: 158px;
	width: 178px;
	border: 1px solid #CCCCCC;
	float: left;
	background:url(../image/bg_container02_dl.gif) left bottom no-repeat;
}

#Container02 dt{
	background: url(../image/bg_container02_dt.gif) left bottom no-repeat;
	padding-left: 15px;
	font-weight: bold;
	line-height: 30px;
}

#Container02 dd{
	padding: 5px;
}

#Container02 dd ul{
	margin-left:3px;
}

#Container02 dd ul li{
	background:url(../image/icon_container02_li.gif) 0 0.5em no-repeat;
	padding-left:10px;
}

/* これ以降 Mac IE 5 のみに適用される \*//*/
#Container02 dd ul li{
	font-size:90%;
}
/* これ以降 Mac IE 5 以外にも適用される */

html:\66irst-child #Container02{ font-size: 80%;}

#Container02 dd ul li.ls{
	letter-spacing:-0.1em;
}

#Container02 #Zaigaku {
	width: 364px;
	height: 158px;
	float: left;
	border: 1px solid #CCCCCC;
	margin-right: 6px;
	background:url(../image/bg_zaigaku.gif) left bottom no-repeat;
}

#Container02 #Zaigaku dt{
	background: url(../image/bg_zaigaku_dt.gif) left bottom no-repeat;
	padding-left: 15px;
	font-weight: bold;
	line-height: 30px;
}

#Container02 #Zaigaku dd ul{
	float:left;
}

#Container02 #Zaigaku dd ul.list{
	width:180px;
}

#Container02 #Zaigaku dd ul.list02{
	width:150px;
}

#Container02 div.delivery{
	height: 158px;
	width: 178px;
	border: 1px solid #CCCCCC;
	float: left;
	color:#666666;
}

#Container02 div.delivery h3{
	background: url(../image/bg_delivery_dt.gif) left bottom no-repeat;
	padding-left: 10px;
	font-weight: bold;
	line-height: 30px;
	font-size:90%;
}

#Container02 div.delivery p{
	padding:5px 10px 0;
	line-height:16px;
}

/* これ以降 Mac IE 5 のみに適用される \*//*/
#Container02 div.delivery p{
	padding:5px 10px 0;
	line-height:12px;
}
/* これ以降 Mac IE 5 以外にも適用される */


#Container02 div.delivery p.pdf{
	text-align:right;
	font-size:80%;
}

#Container02 dt a:link {
	color: #666666;
	text-decoration: none;
}
#Container02 dt a:visited {
	color: #666666;
	text-decoration: none;
}
#Container02 dt a:hover {
	color: #666666;
	text-decoration: underline;
}
#Container02 dt a:active {
	color: #666666;
	text-decoration: none;
}

#Container02 li a:link {
	color: #444444;
	text-decoration: none;
}
#Container02 li a:visited {
	color: #444444;
	text-decoration: none;
}
#Container02 li a:hover {
	color: #444444;
	text-decoration: underline;
}
#Container02 li a:active {
	color: #444444;
	text-decoration: none;
}

#Container02 div.delivery h3 a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#Container02 div.delivery h3 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#Container02 div.delivery h3 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#Container02 div.delivery h3 a:active {
	color: #FFFFFF;
	text-decoration: none;
}