@charset "utf-8";

/*　日本語サイト　*/

/* CSS Document */
/**************************************
		全ページ共通
**************************************/
body{
	font-size:13px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ','ＭＳ Ｐゴシック',Verdana,sans-serif;
	background:url(images/common/bg_common02.jpg) repeat-x;
  	overflow-wrap: anywhere; /* 収まらない場合に折り返す */
  	word-break: normal; /* 単語の分割はデフォルトに依存 */
  	line-break: strict; /* 禁則処理を厳格に適用 */
	
}
body#Main{
	background:url(images/common/bg_common.jpg) repeat-x;
}
body.small{
	font-size:12px;
}
body.large{
	font-size:14px;
}
#wrapper{
	overflow:hidden;
}
#footer{
	clear:both;
	background:url(images/common/bg_footer.jpg) #ebebeb repeat-x center top;
	padding-top:35px;
		position:relative;
		z-index:1;
}
a { color:#003366; text-decoration:none; }
	/**************************************
			レイアウト
	**************************************/
	@media only screen and (max-width: 767px) {

		#header{
			width:100%;
        	}
		#header .logo a img{
			width: 120px;
			height: 58px;
			margin-left: 10px;
		}
	
		#contents{
			width:100%;
		}

	}
	@media (min-width: 768px) and (max-width: 999px) {

		#header{
			width: 96vw;
		}
		
		#header .logo a img{
			width: 20vw;
			height: 9.6vw;
		}

		#contents{
			width: 96vw;
		        padding-bottom: 6vw;	
		}

	}
	@media screen and (min-width: 1000px) {
		#header{
			width:960px;
		}
		
		#header .logo a img{
			width: 200px;
			height: 96px;
		}

		#contents{
			width:960px;
		        padding-bottom:60px;	
		}
		

}

	#header{
		margin:0 auto;
	}
	#contents{
		margin:0 auto;
		position:relative;
	}
	.footer_wrap{
		position:relative;
	}
	/**************************************
			ヘッダー
	**************************************/
	.logo{
		float:left;
		margin-top:3px;
	}
	#g_navi{
		float:right;
		overflow:hidden;
	}
	
	/**************************************
			グローバルナビゲーション
	**************************************/

	@media only screen and (max-width: 767px) {
		#g_navi{
			display:none;
		}
	}
	
	#g_navi #g_nav01{
		float:right;
		margin-top:3px;
		margin-bottom:18px;
		width:272px;
	}
	#g_navi #g_nav01 ul li{
		float:left;
	}
	
	
	
	#g_navi #g_nav02{
		clear:both;
		float:right;
		font-size:13px;
		margin-bottom:8px;
	}
	#g_navi #g_nav02 ul li{
		float:left;
		height:16px;
		background:url(images/common/list_footer02.png) no-repeat 0 2px;
		padding-left:15px;
	}
	*html #g_navi #g_nav02 ul li{
		background:url(images/common/list_footer02.png) no-repeat 0 0px;
	}
	#g_navi #g_nav02 ul li a{
		color:#666;
		text-decoration:none;
	}
	#g_navi #g_nav02 ul li a:hover{
		color:#003366;
		text-decoration:underline;
	}
	#g_navi #g_nav02 ul li.first{
		margin-right:17px;
	}
	#g_navi #g_nav03{
		clear:both;
	}
	#g_navi #g_nav03 ul{
		float:right;
	}
	#g_navi #g_nav03 ul li{
		float:left;
		border-top:1px solid #B5B5B5;
		border-right:1px solid #B5B5B5;
		border-bottom:1px solid #B5B5B5;
		
	}
		#g_navi #g_nav03 ul li.first{
			border-left:1px solid #B5B5B5;
		}
	/**************************************
			フッター
	**************************************/
	@media screen and (max-width: 767px) {
		#footer{
			width: 100%;
		}
		#footer #footer_inner01 {
			display:none;
		}
		#footer .footer_inner02 {
			display:none;
		}

		#footer .footer_inner03{
			width: 100%;
			text-align: center;
	        }

	}
	@media (min-width: 768px) and (max-width: 999px) {

		#footer .footer_inner03{
			width: 96vw;
			padding:1vw 0;
			text-align:right;
		}
		#footer_inner01{
			width: 96vw;
			overflow:hidden;
			margin:0px auto 6vw;
		}
		#footer_inner01 .f_navi{
			width: 23vw;
			margin-right: 1.3vw;
			float:left;
		}
		#gotop{
			width: 96vw;
		}

	}	
	@media screen and (min-width: 1000px){
		#footer .footer_inner03{
			width:960px;
			padding:10px 0;
			text-align:right;
		}
		#footer_inner01{
			width:960px;
			overflow:hidden;
			margin:0px auto 60px;
		}
		#footer_inner01 .f_navi{
			width:230px;
			margin-right:13px;
			float:left;
		}
		#gotop{
			width: 960px;
		}
	}
	#footer #footer_inner01 .f_navi ul li{
		background:url(images/common/list_footer02.png) no-repeat left center;
		margin-bottom:7px;
		text-indent:1.5em;
		line-height:100%;
	}
	#footer #footer_inner01 .f_navi .rec_navi{
		background:url(images/common/list02.jpg) no-repeat left center;
	}
	
		#footer_inner01 .last{
			margin-right:0;
		}
		#footer_inner01 .second{
			margin-bottom:30px;
		}
	#footer .f_navi h2{
		background:url(images/common/list_footer01.png) no-repeat 0px 3px;
		border-bottom:1px solid #A5A5A5;
		padding-left:15px;
		padding-bottom:4px;
		margin-bottom:14px;
	}
	#footer .f_navi h2 a{
		line-height:17px;
	}
	#footer .footer_inner02{
		clear:both;
		border-top:1px solid #a5a5a5;
		border-bottom:1px solid #a5a5a5;
		padding-top:10px;
		padding-bottom:10px;
		line-height: 17px;
		height:17px;
	  }
	#footer .footer_inner02 ul{
		overflow:hidden;
		width:960px;
		margin:0 auto;
	}
	#footer .footer_inner02 ul li{
		float:left;
		margin-right:20px;
		padding-left:15px;
		background:url(images/common/list_footer02.png) no-repeat 0 0px;
		line-height:17px;
	}
	
	#footer .footer_inner03{
		margin:0px auto;
		
	}
	#gotop{
		margin: 0 auto;
		margin-bottom: -7px;
		text-align: right;
		position:relative;
		z-index:999;
		background-color:transparent;
	}
	#top img{
		vertical-align:baseline;
	}
	.main #top a{
		text-decoration:underline;
		color:#262626;
	}
/**************************************
		パンクズリスト
**************************************/
@media only screen and (max-width: 767px) {
	.pan{
		margin: 20px 0.5em 20px 1em;
	}
}
@media only screen and (min-width:768px){
	.pan{
		margin: 20px 0;
	}
}
.pan{
	font-size: 85%;
}
/**************************************
		メインヘッダーイメージ
**************************************/
#slider{
	float:left;
	text-align:center;
}

/**************************************
		コンテンツ
**************************************/
.h3_title{
	background:url(images/common/h3_bg01.png) repeat;
	line-height:30px;
	color:#fff;
	padding-left:10px;
	font-size:100%;
	font-weight:normal;
}
.h4_title{
	background-color:#666666;
	line-height:30px;
	color:#fff;
	padding-left:10px;
	font-size:100%;
}