@charset "UTF-8";

/* ------------------------------
■目次
1.デフォルト設定解除
2.基本CSS
3.ヘッダー
4.左ナビゲーション	
5.本文
6.フッター
 ------------------------------*/


/* ------------------------------
1.デフォルト設定解除
 ------------------------------*/
ul,li,ol,li{
	margin:0;
	padding:0;
	list-style:none;
	text-indent:0;
	}
table,th,td{
	font-size:14px;
	font-weight:normal;
	text-align:left;
	margin:0;
	color:#333333;
	padding:0;
	border:none;
	line-height:1.8;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", sans-serif , arial;
	}
dl,dt,dd{
	margin:0;
	padding:0;
	}
form,hr{
	margin:0;
	padding:0;
	}
img{
	border:none;
	}
h1,h2,h3,h4,h5,h7,h8{
	font-size:15px;
	margin:0;
	padding:0;
	font-weight:normal;
	display:block;
	
	}
em{
	font-style:normal;
	font-weight:bold;
	}
p{
	padding:0;
	margin:0;
	}

a:link {color:#165FAC; text-decoration:none}
a:visited {color:#165FAC; text-decoration:none}
a:active{color:#165FAC;text-decoration:none;}
a:hover {color:#ff0000; text-decoration:none;}

.middle{
	vertical-align:middle;
	}
.top{
	vertical-align:top;
	}
.bottom{
	vertical-align:bottom;
	}	
.right{
	text-align:right;
	}
.left{
	text-align:left;
	}	
.center{
	margin:0 auto;
	text-align:center;
	}
	
.txt10{
	font-size:10px;
	}
	
.mar10{
	margin-bottom:10px;
	}	
.nomar{
	margin:0;
	}	
/* ------------------------------
2.基本CSS
 ------------------------------*/
body{
	width:960px;
	text-align:center;
	margin:0 auto;
	line-height:1.8;
	font-size:14px;
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", sans-serif , arial;
	}
	
#all{
	width:960px;
	border: 1px solid #cecece;
	background:#ffffff;
	}

.txt10{
	font-size:10px;
	}
.txt11{
	font-size:11px;
	}
.txt12{
	font-size:12px;
	}	
.txt13{
	font-size:13px;
	}	
.txt14{
	font-size:14px;
	}
	
.mar-top10{
	margin-top:10px;
	}	
.mar-top20{
	margin-top:20px;
	}
.mar-top15{
	margin-top:15px;
	}	
.mar-bot10{
	margin-bottom:10px;
	}	
.mar-bot20{
	margin-bottom:20px;
	}
.mar-bot30{
	margin-bottom:30px;
	}	
						
	
.red{
	color:#ff0000;
	}

		
	
.clear,br,#main{
	clear:both;
	}

/* ------------------------------
3.ヘッダー
 ------------------------------*/
#header #logo{
	float:left;
	width:238px;
	}
#header #navi{
	float:right;
	width:600px;
	}
#header #navi ul{
	margin:0;
	padding:0;
	}
#header #navi li{
	float:left;
	padding-right:5px;
	margin:0;
	}
#header #navi li img,#header #navi li input{
	vertical-align:middle;
	}	
#header #navi ul.target{
	clear:both;
	}	
#header #navi ul.target li{
	padding-top:14px;
	}	
#header #navi .lang{
	padding: 0 20px 10px 0;
	text-align:right;
	}
#header #navi form ul{
	padding-right:15px;
	}	
#header #navi form li{
	float:right;
	padding-left:5px;
	text-align:right;
	}	
	
	
#header #navi .target img{
	vertical-align:bottom;
	}	
#header #navi .text{
	border:none;
	border:1px solid #cecece;
	width:220px;
	hegiht:30px;
	background:#f2f2f2;
	}

#gnb{
	clear:both;
	background:url(../img/gnb_bg.jpg) repeat-x;
	text-align:left;
	width:960px;
	height:47px;
	
	}
#gnb li{
	float:left;
	}
#gnb a{
	width:235px;
	height:47px;
	display:block;
	}
#gnb .g01 a:link,#gnb .g01 a:visited,#gnb .g01 a:active{
	background-image:url(../img/gnb01.jpg);
	background-repeat:no-repeat;
	}
#gnb .g01 a:hover{
	background-image:url(../img/gnb01_o.jpg);
	background-repeat:no-repeat;
	}
#gnb .g01_o{
	background-image:url(../img/gnb01_o.jpg);
	background-repeat:no-repeat;
	width:235px;
	height:47px;
	}	
	
	
#gnb .g02 a:link,#gnb .g02 a:visited,#gnb .g02 a:active{
	background-image:url(../img/gnb02.jpg);
	background-repeat:no-repeat;
	}
#gnb .g02 a:hover{
	background-image:url(../img/gnb02_o.jpg);
	background-repeat:no-repeat;
	}
#gnb .g02_o{
	background-image:url(../img/gnb02_o.jpg);
	background-repeat:no-repeat;
	width:235px;
	height:47px;
	}	
	
	
#gnb .g03 a:link,#gnb .g03 a:visited,#gnb .g03 a:active{
	background-image:url(../img/gnb03.jpg);
	background-repeat:no-repeat;
	width:296px;
	}
#gnb .g03 a:hover{
	background-image:url(../img/gnb03_o.jpg);
	background-repeat:no-repeat;
	width:296px;
	}
#gnb .g03_o{
	background-image:url(../img/gnb03_o.jpg);
	background-repeat:no-repeat;
	width:296px;
	height:47px;
	}	
	

	
#gnb li span{
	display:block;
	visibility:hidden;
	}		
	
	
#pan{
	text-align:left;
	border-bottom:1px solid #cecece;
	margin-bottom:17px;
	}
#pan span{
	display:block;
	margin:3px 0 3px 10px;
	font-size:12px;
	}

br{
	clear:both;
	}

/* ------------------------------
4.左要素
------------------------------*/
#left{
	width:254px;
	float:left;
	text-align:left;
	margin-bottom:20px;
	}
#left #navi{
	width:220px;
	margin-left:17px;
	background:#EEEEEE;
	padding-bottom:4px;
	padding-top:4px;
	}
#left ul{
	margin-left:17px;
	}
	
#left #navi a:link,#left #navi a:visited,#left #navi a:active{
	background:url(../img/leftnavi.jpg) no-repeat left bottom;
	width:212px;
	height:40px;
	display:block;
	color:#000000;
	margin-left:4px;
	}
#left #navi .top a:link,#left #navi .top a:visited,#left #navi .top a:active{
	background:url(../img/leftnavi_top.jpg) no-repeat left bottom;
	width:212px;
	height:40px;
	display:block;
	color:#000000;
	margin-left:4px;
	margin-top:15px;
	}	
#left #navi .top_only a:link,#left #navi .top_only a:visited,#left #navi .top_only a:active{
	background:url(../img/leftnavi_top.jpg) no-repeat left bottom;
	width:212px;
	height:40px;
	display:block;
	color:#000000;
	margin-left:4px;
	}	

		
#left #navi a:hover,#left #navi .top a:hover,#left #navi .o, #left #navi .top_only a:hover{
	background:url(../img/leftnavi_o.jpg) no-repeat left bottom;
	width:212px;
	height:40px;
	display:block;
	color:#000000;
	margin-left:4px;
	}
#left #navi .o{		
	background:url(../img/leftnavi_o.jpg) no-repeat left bottom;
	width:212px;
	height:40px;
	display:block;
	color:#000000;
	margin-left:4px;
	z-index:100;
	}	
#left #navi span{
	display:block;
	padding-left:35px;
	padding-top:10px;
	font-size:13px;
	}
	



		
/* ------------------------------
5.右要素
------------------------------*/	
#right{
	text-align:left;
	float:left;
	width:687px;
	margin-bottom:20px;
	}
.hyo{
	border-left:1px solid #cecece;
	border-top:1px solid #cecece;
	margin-bottom:30px;
	width:100%;
	}
.hyo td,.hyo th{
	border-right:1px solid #cecece;
	border-bottom:1px solid #cecece;
	padding:5px;
	}
.hyo th{
	background:#F0EFEF;
	}

.hyo th span,.hyo td span{
	color:#ff0000;
	}
		
#right .float{
	float:left;
	display:block;
	}
	
#right h1,#right h2{
	text-indent:-10000px;
	margin-bottom:20px;
	width:687px;
	}
#right h3{
	padding-left:7px;
	font-size:14px;
	color: #214C93;
	clear:both;
	margin-bottom:10px;
	border-left:5px solid #214C93;
	}
#right h4{
	margin-bottom:10px;
	}	
	
#right p{
	margin-bottom:30px;
	}
#right p br{
	clear:none;
	}	
	
.gray{
	background:#f2f2f2;
	padding:10px;
	margin-bottom:30px;
	}	
.gray h4{
	border-bottom:1px solid #cecece;
	width:100%;
	}	
/* ------------------------------
6.フッター
------------------------------*/
#address{
	font-style:normal;
	border-top:1px solid #cecece;
	font-size:11px;
	}
