*{
	margin:0;
	padding:0;
	list-style:none;}
*html body{text-align: center;}
body{
	color:#333;
	font-size:16px;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	background:url(../img/body_bg.gif) center repeat-y;}
img{
	border:none;
	vertical-align:bottom;
	padding: 0 10px 7px 0;
	max-width:670px;}
a{
	color:#2e7be4 ;
	text-decoration	: underline ;}
a:visited{
	color:#2e7be4 ;
	text-decoration	: underline ;}
a:hover{
	color:#2e7be4 ;
	text-decoration	: none ;}
a:active{
	color:#2e7be4 ;
	text-decoration	: none ;}
form label {
	cursor: pointer;}
.border_none{
	border:none !important;}
p{
	margin-bottom:25px;}
.center_btn{
	text-align:center;}
.font10{
    font-size:10px;}
.font12{
    font-size:12px;}
.font18{
	font-size:18px;}
.red{
	color:#e91221;}
.fbg_y{
	background-color:#fff5a5;}
.font_b{
	font-weight:bold;}

/*---- container ----*/
#container{}

/*---- header ----*/
#header{
	max-width:700px;
	margin:0 auto;}
#header h1{
	color:#FFF;
	font-weight:normal;
	font-size:10px;
	padding:4px 8px 4px 8px;
	height:auto;
	line-height:14px;
	background:#639FE8 url(../img/headtext_bg.png) no-repeat center bottom;
}
#header p{
	display:inline;}

/*---- title_gazou ----*/
#title_gazou{
	width:700px;
	min-height:150px;
	margin-bottom:15px;
	border-top:1px solid #0058D4;
	border-bottom:1px solid #0058D4;
	background:url(../img/membership.jpg) #FFF no-repeat center top;
	display: table;}
@-moz-document url-prefix() {#title_gazou{height:150px;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #title_gazou {height:150px;}}
*html #title_gazou{display: block; padding: 30px 20px; height:150px; margin: 0 auto; text-align: left;}
#title_gazou p{
	color:#003;
	font-weight:bolder;
	font-size:32px;
	line-height:36px;
	display: table-cell;
	vertical-align: middle;
	padding: 22px 30px 20px 30px;}
*:first-child+html #title_gazou p{padding: 30px 30px 20px; display: inline-block;}
*html #title_gazou p a{text-align:left;padding: 30px 30px 10px;}
#title_gazou p a{
	text-decoration:none !important;
	color: #003;
}
#title_gazou p a:hover{
	color: #D1D1D1;}
	
/*---- content ----*/
#content{
	width:670px;
	margin:0 auto;
	padding:0 15px 20px;}
*html #content{padding:30px 0 0 0; text-align: left;}
/*---- コンテンツ内のタイトル ----*/
h2{
	font-size:18px;
	min-height:28px;
	width:655px;
	line-height: 1.4em;
	margin-bottom:20px;
	background:url(../img/page_ttl_bg_h2.png) no-repeat left bottom;
	border-bottom: 2px solid #0159D4;
	padding-left:15px;
}
h3{
	font-size:16px;
	min-height:24px;
	width:655px;
	line-height: 1.4em;
	margin-bottom:15px;
	background:url(../img/page_ttl_bg_h3.png) no-repeat left bottom;
	border-bottom: 1px solid #0159D4;
	padding-left:15px;
}

/*---- 共通ヘッダー・共通フッター ----*/
.commonHeader {
 margin-bottom:20px;
}
.commonFooter {
 margin-bottom:15px;
 padding: 2px 10px;
}

/*---- フッターメニュー用 ----*/
#footer	{
	width:700px;
	text-align:left;
	margin:0 auto;
	background:#ffffff;
	padding:10px 0 0;
	border-top:1px solid #0058D4;
}
#footer h4{
	font-size:14px;
	padding:10px 15px;
}
#footer ul.footmenu,.footer p{
	max-width:648px;
	padding:0 10px;
}
#footer ul.footmenu { 
	margin-bottom:10px;
}
#footer ul.footmenu li{
	float:left;
	font-size:13px;
	padding-bottom:5px;
	text-indent:20px;
	padding-right:10px;
	background:url(../img/icon_arrow01.png) no-repeat;
	white-space: nowrap;
}
#footer ul.footmenu li a{
	margin-right:10px;
	text-decoration	: none ;
	color: #333;
}
#footer ul.footmenu li a:hover{
	text-decoration	: underline ;
	color: #999;
}
.t_right{
	text-align:right;}
.copy_right{
	color:#FFF;
	font-size:12px;
	padding:3px 0;
	text-align:center;
	background:url(../img/footer_bg.png) no-repeat;
	border-top:1px solid #cccccc;
	background-color: #0058D4;
}

/*----clearfix設定----*/
.clearfix,  ul.internalLinkList,  ul.backnumberList,  ul.listStyleArrow03Inline,  div.borderStyleXXS dl,  div.borderStyleXS dl,  div.borderStyleS dl,  div.borderStyleM dl,  div.borderStyleL dl,  div.borderStyleXL dl,  div.borderStyleXXL dl,  div.groupInfo h5 {
	_overflow:visible;
	_height:1px;
	zoom:1;
}
.clearfix:after,  ul.internalLinkList:after,  ul.backnumberList:after,  ul.listStyleArrow03Inline:after,  div.borderStyleXXS dl:after,  div.borderStyleXS dl:after,  div.borderStyleS dl:after,  div.borderStyleM dl:after,  div.borderStyleL dl:after,  div.borderStyleXL dl:after,  div.borderStyleXXL dl:after,  div.groupInfo h5:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	margin:-1px 0 0 0;
	height:1px;
	font-size:0;
	line-height:0;
}

/*---- 画像の位置 ----*/
.fleft {
    float: left;
	padding:0;}
.fright {
    float: right;
	padding:0 0 0 7px;}
.fcenter {
	text-align:center;
	padding:10px 0;}

/*---- 文字の装飾 ----*/
.pink {
    color: #F66;
}
.font_big{
	font-size:1.4em;
	font-weight:bold;
}
.futozi {
	font-weight:bold;
	padding:2px;
}
.keikou{
	background-color: #FFE566;
    font-weight: bold;
    padding: 2px;
}
.point_font{
	color:#333333;
	font-size:1.8em;
	line-height:1.2em;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}

/*---- レスポンシブ----*/	
@media screen and (max-width: 720px){
	body{background:none;}
	img {max-width:100%; height: auto;}
	.fleft { max-width: 100%;float: left; }
	.fright { max-width: 100%;float: right; }
	table {width:100%;}
	h2,h3{	width: auto;}
	#title_gazou{
		width: 100%;
		background-size:contain;
		border-bottom:1px solid #0058D4;}
	#title_gazou p{padding: 22px 15px 20px 15px;margin:0;font-size:170%; background-color: rgba(255, 255, 255, 0.2);}
	#content{max-width:670px; width: auto; padding:0 10px 20px;}
	#footer{width: auto;}
	#footer h4{padding:6px 10px 10px 10px;}
	#footer ul.footmenu{padding: 0;margin-bottom: 0;}
	#footer ul.footmenu li{
		background: none;
		float:none;
		padding: 10px 10px 8px 10px;
		margin-bottom: 2px;
		border: none;
		border-radius: 0;
		border-bottom: 1px solid #c9c9c9;
		display: block;
		background: rgba(99,159,232,0.2) url(../img/icon_arrow01.png) no-repeat 15px center;
		overflow: hidden;
		text-overflow: ellipsis;
		-moz-text-overflow:ellipsis; /* Firefox */}
	#footer ul.footmenu li a{
		text-decoration: none;
	 	font-weight: bold;
	 	overflow: hidden;
	 	white-space: nowrap;
	 	text-overflow: ellipsis;
		-moz-text-overflow: ellipsis; /* Firefox */
	}
	#footer ul.footmenu li:hover{
		background: #F5F2C9  url(../img/icon_arrow01.png) no-repeat 15px center;	/*背景色、背景画像の読み込み、リピートしない、左から12px、上下中央に配置。*/
	}
	.copy_right{width: auto; padding:6px 4px;}
}