@charset "utf-8";

html{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:22px;
	color:#333;
	}
body{
	margin:0 ;
	background:#123f78;
	}

a{ 
	color:#123f78; 
	text-decoration:none;	
	}

a:hover{ 
	color:#123f78; 
	text-decoration:underline;
	}

a:hover img{ 
	opacity:0.6; filter:alpha(opacity=60); 
	-ms-filter: "alpha( opacity=60 )"; 
	background:none!important; 
	}

a.button{
	display:inline-block;
	border:1px solid #CCC;
	border-radius:5px;
	padding:5px 10px;
	background:url(../img/subpage_subtitle_bg.gif) repeat-x bottom;
	}

a.button:hover{
	text-decoration:none;
	background:#eee;
	}

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 40em) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}

.txtBottomRight{ 
	float:right; 
	margin:0 65px 0 0;
	}

.phoLeft{ 
	float:left; 
	margin:0 20px 20px 0;
	}

.phoTopRight{ 
	float:right; 
	margin:0 0 20px 20px;
	}

.phoRight{ 
	float:right; 
	margin:0 0 20px 20px;
	}

.phoRights{ 
	width: 60%;
	height:60%;
	float:right; 
	margin:0 0 20px 20px;
	}


.clear{ clear:both;}

.pageup{ 
	margin:0; 
	padding:0; 
	position:fixed; 
	right:0; 
	bottom:200px;
	}

.pageup b{ display:none;}
@media print{.pageup{ display:none; }	}


/*メインビジュアル
--------------------------------------------*/
#main{
	width: 100%;
	height:100%;
	background:url(../img/main_bg.gif) repeat-x;
	text-align:center;
	}

#main img{ 
	margin:0;
	width: 100vw;
	height:109.5px;
	}

#main_shadow{
	background:url(../img/main_shadow.gif) repeat-x;
	overflow:hidden;
	}

/*コンテンツ
--------------------------------------------*/
#contents{
	margin:5px auto 0;
        background:#FFF;
	}


table#topicsData{
	border-collapse:collapse;
	margin:0;
        font-size:10px;
	}

table#topicsData td{
	padding-top:10px;
	border-bottom:1px dotted #CCCCCC;
	text-align:left;
	vertical-align:top;
	}

table#topicsData th{
	padding:10px;
	border-bottom:1px dotted #CCCCCC;
	text-align:left;
	vertical-align:top;
        text-align:center;
	}

table#topicsData .bgColor{
	background:#fafafa;
	}

#topics{
	margin:10px auto 0;
        background:#FFF;
	}



/*フッター
--------------------------------------------*/
#footer{
	clear:both;
	border-top:3px solid #cccccc;
	padding:0px;
	margin:0;
	font-size:12px;
	line-height:18px;
	color:#FFF;
	}

#footer .inner{
	margin:0 auto;
	padding:0;
	position:relative;
	height:0px;
	}

#footer ul#footerLink{
	list-style:none;
	margin:0 5px;
	padding:0;
	}

#footer ul#footerLink li{
	float:left;
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	width:120px;
	background:url(../img/arrow01.gif) left center no-repeat;
	}

#footer ul#footerLink li a{ color:#FFF;}

#footer .address{
	margin:0 5px;
	bottom:10px; 
	left:0;
	font-size:11px;
	}
#footer .address b{ font-size:14px;}
#footer .address small{ font-size:11px;}


#footer #admin{
	width:315px;
	height:36px;
	overflow:hidden;
	background:url(../img/admin_bg.jpg) no-repeat;
	text-align:right;
	line-height:36px;
	top:0px;
	right:0;
	}

#footer #admin p{
	margin:0;
	padding:0 15px 0 0;
	}

#footer #admin a{ color:#FFF; text-decoration:underline;}
#footer #admin a:hover{text-decoration:none;}


/*下層ページ
--------------------------------------------*/
#subpageTitle{
	width: 100%;
	height:100%;
	background:url(../img/main_bg.gif) repeat-x;
	text-align:center;
	}

#subpageTitle h2{ 
	width: 100%;
	height:80%;
	margin:0;  
	padding:0;
	}

#subpageTitle img{
	width: 100%;
	
	}

#sideColumn #contactArea{
	width:220px;
	height:208px;
	background:url(../img/side_contact_bg.jpg) no-repeat;
	position:relative;
	margin-left:auto;
	margin-right: auto;
	}

#sideColumn #contactArea a{
	position:absolute;
	bottom:10px;
	left:20px;
	}
	

.imgover {
	background-image:url(../img/side_contact_bg.jpg) no-repeat;
	position:relative;
	margin:20px 0 0 0;
	}

.center{
	text-align: center;
	}

h3.subtitle{
	font-size:18px;
	border-bottom:2px solid #123f78;
	background:url(../img/subpage_subtitle_bg.gif) repeat-x bottom #FFFFFF;
	margin-top:0;
	padding:0;
	}

h4{
	font-size:16px;
	border-bottom:1px dotted #123f78;
	margin:0;
	padding:0 0 5px 0;
	}

h6{
	font-size:14px;
	border-bottom:1px dotted #123f78;
	margin:5px 0 5px 0;
	padding:0 0 5px 0;
	}


table.table_A{
	
	margin:10px 0 20px 0;
	border-collapse:collapse;
	}

table.table_A td{
	border:1px solid #CCC;
	padding:10px;
	text-align:left;
	vertical-align:top;
	}

table.table_A th{
	width:23%;
	border:1px solid #CCC;
	padding:10px;
	text-align:left;
	vertical-align:top;
	background:#f3f3f3;
	}

table.table_A td.midashi{
	border:1px solid #CCC;
	padding:10px;
	text-align:left;
	vertical-align:top;
	background:#f3f3f3;
	}

h6{
	font-size:14px;
	border-bottom:1px dotted #123f78;
	margin:5px 0 5px 0;
	padding:0 0 5px 0;
	}

ul.pho_x3{
	width:315px;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	}

ul.pho_x3 li{
	margin:0 8px 0 8px;
	padding:0;
	width:190px;
	float:left;
	}

ul.pho_x3 li img{width:220px;}
ul.pho_x3 li p{ font-size:12px; margin:5px 0;}
ul.pho_x3 li p strong{ font-size:14px;}

p.img img{width:100vw;}

#thumbs { text-align: center;}

.privacy{
	text-align: center;
	}

.partner{
	text-align: center;
	}

.thumbs-container{
	text-align: center;
	}