@charset "utf-8";
/* -------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus { outline: 0; }
ul { list-style: none; }
table { border-collapse: separate;border-spacing: 0; }
caption, th, td { font-weight: normal;text-align: left; }
blockquote:before, blockquote:after,q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img{ border: 0; }
figure{ margin:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* -------------------------------------------------------------- */
body{
color: #333;
font: 13px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height: 1.6;
background: #FFF;
-webkit-text-size-adjust: none;
width:100%;
height: auto;
margin: 0;
padding: 0;
}
 
/* リンク設定
------------------------------------------------------------*/
a { color: #0082CA; text-decoration: none; }
a:hover { color: #79A8CD; }

/* 全体
------------------------------------------------------------*/
img { max-width: 100%; height: auto; width /***/:auto; }

/*ヘッダー
---------------------------------------------------------------------------*/
header { width: 100%; float: left; clear: both; margin: 0; padding: 0; }
header h1 {	float: left; }
header a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

/*トップページのスライドショー
---------------------------------------------------------------------------*/
#mainimg { clear: left; float: left; width: 100%; padding: 0; margin: 5px 0 0 0; background: #E1F2FD; }


/*フッター設定
---------------------------------------------------------------------------*/
footer { clear: both; margin: 20px 0 0 0; padding: 0; float: left; width: 100%; position: relative; }
footer a { text-decoration: none; color: #945706; }
footer a:hover { text-decoration: underline; color: #945706; }

.f_menuBlock { width: 100%; float: left; clear: both; background: #F3F2F1; height: 40px; border-top: 3px solid #E9E9EA; }
.f_menuBlock .inner { width: 98%; margin: 0 1%; padding: 0; }
.f_menuBlock .inner ul.f_menu{ line-height: 40px; margin: 0 auto; text-align: center; }
.f_menuBlock .inner ul.f_menu li{ display: inline; margin: 0; padding: 0; }
.f_menuBlock .inner ul.f_menu li a{ color: #000; }
.f_menuBlock .inner ul.f_menu li a:hover{ color: #0082CA; }

.fnav { width: 100%; float: left; clear: both; background: url(../images/footer_bg.jpg) repeat-x #32B3ED; }
.fnav .inner { width: 98%; margin: 15px 1% 0; }
.fnav .area01 { width: 46%; margin: 0; padding: 0 0 15px 0; float: left; }
.fnav .area02 { width: 46%; margin: 0 0 0 6%; padding: 0 0 15px 0; float: left; }


/*PAGE TOP設定
---------------------------------------------------------------------------*/
.pagetop { float: right; clear: both; margin: 50px 0 0 0; }
.pagetop a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

/***************************************
/* PC用 */
@media only screen and (min-width: 980px){ 
header .inner { width: 980px; margin: 0 auto; padding: 0; }
header .inner .headMark {
	width: 208px;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
}
header .inner .headLeft {
	width: 405px;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
}
header .inner .headRight { width: 365px; margin: 0; padding: 0; float: left; }
header .inner .headLeft .logoBox { margin: 25px 0 0 0; padding: 0; float: left; }
header .inner .headLeft .logoBox .description { font-size: 90%; float: left; clear: both; width: 100%; }
header .inner .headLeft .logoBox ul li { float: left; margin: 5px 0 0 0; padding: 0; }
header .inner .headLeft .logoBox ul li img{ max-height:21px; height:auto; width:auto;}
header .inner .headLeft .logoBox ul li.tel{ margin:5px 0 0 5px; max-width:200px; width:200px; height:auto;}
header h2 { float: right; margin: 0; padding: 0; }
header .inner .headRight ul { float: right; clear: both; font-size: 90%; margin: 5px 0 0 0; }
header .inner .headRight ul li{ display:inline; margin: 0 5px; background: url(../images/contents/icon02.png) no-repeat; padding: 0 0 0 16px; }
header .inner .headRight ul li a{ color: #000000; }
header .inner .headRight ul li a:hover{ color: #0082CA; }

nav#menu { float: left; clear: both; width: 100%; margin: 5px 0 0 0; padding: 0; background: url(../images/navbg.jpg) repeat-x; height: 46px; }
nav#menu .inner { width: 980px; margin: 0 auto; padding: 0; }
nav#menu .inner ul{ width: 100%; margin: 0; padding: 0; float: left; clear: both; background: url(../images/line.png) no-repeat right top; }
nav#menu .inner ul li{ width: 20%; margin: 0; padding: 8px 0 0 0; float: left; text-align: center; font-weight: bold; background: url(../images/line.png) no-repeat; }
nav#menu .inner ul li.sp{ display: none; }
nav#menu .inner ul li span{ display: none; }
nav#menu .inner ul li p{ font-size: 70%; font-weight: normal; }
nav#menu .inner ul li a{ color: #FFF; display: block; }
nav#menu .inner ul li a:hover{ color: #BFE9FF; }
.menu_title { display: none; }

.pankuzu{ margin: 5px 0 0 0; float: left; clear: both; width: 100%; color: #0082CA; }
.pankuzu .inner { width: 980px; margin: 0 auto; padding: 0; font-size: 90%; }
.pankuzu a{ text-decoration: underline; }
.pankuzu span{ color: #000; }

#mainimg .inner { width: 966px; margin: 10px auto 0; padding: 7px; }
#mainimg .inner02 { width: 980px; margin: 10px auto 0; padding: 0; }
.sliderBox { width: 966px; float: left; padding: 0 0 7px 0; }
.pageTitleBox { width: 980px; float: left; clear: both; padding: 0; margin: 0 0 10px 0; background: url(../images/contents/pageTitleBase.jpg) no-repeat; height: 146px; }
.pageTitle { float: left; margin: 45px 0 0 35px; clear: both; border-left: 3px solid #FFF; height: 52px; }
.pageTitle h1{ float: left; clear: both; padding: 0px 0 0 20px; color: #FFF; font-size: 90%; }
.pageTitle h2{ float: left; clear: both; padding: 0px 0 0 20px; color: #FFF; font-size: 200%; letter-spacing: 5px; }

#contents { clear: both; float: left; width: 100%; padding-top: 25px; }
#contents .inner { width: 980px; margin: 0 auto; padding: 0; }
#main { float: left; width: 680px; margin: 0 0 0 7px; }

.infomation { margin: 30px 0 0 0; float: left; clear: both; width: 680px; }
.infomation h1{ border-bottom: 4px solid #498ABF; width: 250px; float: left; font-size: 160%; color: #000000; height: 30px; }
.infomation h1 span{ color: #498ABF; font-size: 50%; }
.infomation .infoTitle{ border-bottom: 4px solid #E9E9EA; width: 430px; float: left; height: 30px; }
.infomation .infoTitle ul{ float: right; padding: 3px 0 0 0; }
.infomation .infoTitle ul li{ display:inline; }
.infomation a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.infomation iframe{ height: 100px; }

.infoBox { float: left; clear: both; width: 670px; }
.infoBox dl{ float: left; clear: both; width: 670px; }
.infoBox dl dt{ float: left; width: 130px; padding: 15px 0; border-bottom: 1px solid #E9E9EA; }
.infoBox dl dt span{ color: #498ABF; }
.infoBox dl dd{ float: left; width: 540px; padding: 15px 0; border-bottom: 1px solid #E9E9EA; }
.infoBox dl dd a{ color: #498ABF; text-decoration: underline; }

#main h2{ float: left; width: 680px; margin: 30px 0 0 0; }
#main h2 a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

#sub { float: right; width: 260px; margin: 0 7px 0 0; }
#photoarea {
	float: left; clear: both; width: 250px;
//	margin: 0 0 0 5px;
	margin: 20px 0 0 5px;
}
#photoarea dl{ float: left; clear: both; width: 250px; margin: 0; }
#photoarea dl dt{ float: left; clear: both; width: 250px; margin: 0; }
#photoarea dl dd{ float: left; clear: both; width: 250px; margin: 10px 0 26px 0; text-align: center; color: #498ABF; }
#photoarea dl dd a{ color: #498ABF; text-decoration: underline; }
#photoarea a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

.f_menuBlock .inner { width: 980px; margin: 0 auto; padding: 0; }
.fnav .inner { width: 980px; margin: 55px auto 0; padding: 0; }
.fnav .headMark { display:none; width: 80px; margin: 0; padding: 0; float: left; }
.fnav .fnavArea { width: 900px; margin: 0; padding: 0; float: left; }
.fnav .fnavArea .description { width: 900px; margin: 0; padding: 0; float: left; clear: both; color: #FFF; font-size: 85%; }
.fnav .fnavArea #logo { float: left; margin: 5px 0 0 0; }
.fnav .fnavArea .f_tel img.tel{ max-width:273px; width:100%; height:auto; margin: 7px 0 0 10px; min-height:24px;width:auto; /* ie8 */}

.copyright { width: 100%; float: left; clear: both; border-top: 1px solid #FFF; margin: 12px 0 0 0; padding: 10px 0 25px 0; color: #FFF; position:relative; }
.copyright  p{ float: left; color: #FFFFFF; margin: 0; }
.copyright .kyoka{ float: right; color: #FFFFFF; margin: 0; font-size: 90%; }
.copyright .kyoka ul li{ display: inline; padding: 0 0 0 15px; }
.copyright .kyoka ul li a{ color: #FFF; }
.copyright .f_adrs{
	color: #eee;
	font-size: 11px;
	position: absolute;
	top: -5em;
	right: 0;
}

.Blockbox{ margin: 15px 0; float: left; clear: both; width: 100%; }
.BlockArea{ margin: 0; float: left; width: 310px; box-shadow: 2px 2px 2px rgba(0,0,0,0.4); }
.BlockTitle{ margin: 0; float: left; clear: both; width: 310px; height: 36px; line-height: 36px; padding: 0 0 0 0px;
background: rgb(0,116,189); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzRiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwOTFkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlhZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,116,189,1) 0%, rgba(0,145,215,1) 51%, rgba(0,154,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,116,189,1)), color-stop(51%,rgba(0,145,215,1)), color-stop(100%,rgba(0,154,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,116,189,1) 0%,rgba(0,145,215,1) 51%,rgba(0,154,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,116,189,1) 0%,rgba(0,145,215,1) 51%,rgba(0,154,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,116,189,1) 0%,rgba(0,145,215,1) 51%,rgba(0,154,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,116,189,1) 0%,rgba(0,145,215,1) 51%,rgba(0,154,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074bd', endColorstr='#009ae8',GradientType=0 ); /* IE6-8 */
}
.BlockTitle a{ background: url(../images/contents/icon.png) no-repeat 16px 12px; padding: 0 0 0 35px; color: #FFF; display: block; font-size: 105%; }
.BlockArea dl{ margin: 20px 0 0 30px; float: left; clear: both; }
.BlockArea dl dt{ margin: 0; float: left; clear: both; width: 247px; line-height: 1.8; }
.BlockArea dl dd{ margin: 0; float: left; clear: both; width: 247px; }
.BlockArea .link{ margin: 10px 0 0 0; padding: 0 20px 10px 18px; float: right; clear: both; text-align: right; background: url(../images/contents/icon02.png) no-repeat 0 3px; }

.mL35 { margin: 0 0 0 35px; }
#subMenu { border: 1px solid #E0E1E1; width: 240px; padding: 10px; box-shadow: 2px 2px 2px rgba(0,0,0,0.4); }
.menuTitle { float: left; clear: both; background: url(../images/contents/pageTitleBase02.jpg) no-repeat; height: 50px; width: 240px; margin: 0 0 10px 0; }
.menuTitle h1{ float: left; clear: both; margin: 5px 0 0 13px; font-size: 80%; color: #FFF; }
.menuTitle h2{ float: left; clear: both; margin: -5px 0 0 13px; font-size: 140%; color: #FFF; letter-spacing: 3px; }
#subMenu ul{ margin: 0 0 5px 0; clear: both; }
#subMenu ul li{ margin: 10px 0 0 0; clear: both; background: url(../images/contents/icon03.png) no-repeat 0 4px; padding: 0 0 0 20px; }
#subMenu ul li a{ text-decoration: underline; }

.bannerArea { margin: 15px 0 0 0; float: left; clear: both; }
.bannerArea ul li{ margin: 15px 0 0 0; float: left; clear: both; padding: 5px 5px 0 5px; border: 1px solid #CCC; box-shadow: 2px 2px 2px rgba(0,0,0,0.4); }

dl#contentsTitle { margin: 15px 0 0 0; float: left; clear: both; width: 100%; }
dl#contentsTitle dt{ margin: 0; float: left; width: 80%; border-bottom: 4px solid #007AC5; padding: 0 0 5px 0; font-weight: bold; font-size: 120%; letter-spacing: 2px; }
dl#contentsTitle dd{ margin: 0; float: left; width: 20%; border-bottom: 4px solid #D5D5D6; padding: 0 0 5px 0; font-weight: bold; font-size: 120%; letter-spacing: 2px; }

.imgphoto { margin: 20px 5px 0; float: left; clear: both; }

.cTbox { margin: 5px 0 0; float: left; clear: both; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #007AC5; height: 36px; line-height: 36px; color: #FFF; padding: 0 0 0 3%; width: 97%; font-size: 110%; }
.tlink { margin: 10px 0 0 0; float: left; clear: both; }

dl.photoLeft { margin: 30px 5px 15px 5px; float: left; clear: both; width: 670px; }
dl.photoLeft dt{ margin: 0; float: left; width: 270px; }
dl.photoLeft dd{ margin: 0; float: right; width: 380px; }
dl.photoLeft dd p{ margin: 0; float: right; clear: both; width: 380px; }

dl.photoRight { margin: 30px 5px 15px 5px; float: left; clear: both; width: 670px; }
dl.photoRight dt{ margin: 0; float: left; width: 380px; }
dl.photoRight dt p{ margin: 0; clear: both; float: left; width: 380px; }
dl.photoRight dd{ margin: 0; float: right; width: 270px; }

dl.photoAll { margin: 20px 5px 15px 5px; float: left; clear: both; width: 670px; }
dl.photoAll dt{ margin: 0; float: left; clear: both; width: 100%; }
dl.photoAll dd{ margin: 15px 0 0 0; float: left; clear: both; width: 100%; }
dl.photoAll dd p{ margin: 0; float: left; clear: both; width: 100%; }

dl.photoAll02 { margin: 30px 5px 15px 5px; float: left; clear: both; width: 670px; }
dl.photoAll02 dt{ margin: 0; float: left; clear: both; width: 100%; }
dl.photoAll02 dd{ margin: 10px 0 0 0; float: left; clear: both; width: 100%; }
dl.photoAll02 dd p{ margin: 0; float: left; clear: both; width: 100%; }

.sitemap{ margin: 0; float: left; clear: both; width: 640px; }
.sitemap dl{ margin: 0; float: left; clear: both; width: 100%; }
.sitemap dl dt{ margin: 0 0 30px 0; padding: 10px; border-left: 5px solid #007AC5; border-bottom: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; border-top: 1px solid #D6D6D6; float: left; clear: both; width: 100%;
background: -moz-linear-gradient(top center, #fff 0%, #CCC 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#CCC));
background: linear-gradient(top center, #fff 0%, #CCC 100%);
height: 25px; line-height: 25px; font-size: 120%;
}
.sitemap dl dt a { display: block; }
.sitemap dl dt.mT20 { margin: 30px 0; float: left; clear: both; }
.sitemap dl dd { margin: 0 0 5px 20px; float: left; border: none; background: none; width: auto; font-size: 100%; background: url(../images/contents/icon02.png) no-repeat 0 4px; padding: 0 0 0 20px; }

.privacy{ margin: 0; float: left; clear: both; width: 640px; }
.privacy dl{ margin: 0; float: left; clear: both; width: 100%; }
.privacy dl dt{ margin: 15px 0 0 0; padding: 0 10px; font-weight: bold; float: left; clear: both; font-size: 105%; } 
.privacy dl dd{ margin: 15px 0 15px 0; padding: 0 10px; float: left; clear: both; font-weight: normal; } 

.contact{ margin: 0; float: left; clear: both; width: 642px; }
.contact ol{ margin: 0; float: left; clear: both; width: 642px; }
.contact ol li{ margin: 5px 0 0 0; float: left; clear: both; width: 642px; list-style-position: inside; }
.contact table{ margin: 30px 0 0 0; float: left; clear: both; width: 642px; background: #00A7EB; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; }
.contact table th{ margin: 0; padding: 10px 5px; float: left; width: 190px; color: #FFFFFF; border-top: 1px solid #999; }
.contact table td{ margin: 0; padding: 10px; float: left; width: 420px; background: #FFF; border-top: 1px solid #999; }
.contact .btn{ margin: 20px 221px; float: left; clear: both; width: 200px; }
.contact .btn02{ width: 80px; text-align: center; margin: 0 10px; }
.ttl { font-weight: bold; }

}

/***************************************
/* モニター幅960px以下 */
@media screen and (min-width: 768px) and (max-width: 960px){
header .inner { width: 98%; margin: 0 1%; }
header .inner .headMark {
	width: 20%;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	max-width: 208px;
}
header .inner .headLeft {
	width: 36%;
	margin: 5px 0 0 0;
	padding: 0;
	float: left;
}
header .inner .headRight {
	width: 42%;
	margin: 0;
	padding: 0;
	float: right;
}
header .inner .headLeft .logoBox {
	margin: 5% 0 0 0;
	padding: 0;
	float: left;
	width: 100%;
	max-width: 382px;
}
header .inner .headLeft .logoBox .description { font-size: 90%; float: left; clear: both; }
header .inner .headLeft .logoBox ul{ margin:0; padding:0; clear:both; }
header .inner .headLeft .logoBox ul li.logo img{
	float: left;
	margin: 5px 1% 0 1%;
	padding: 0;
	width: 35%;
}
header .inner .headLeft .logoBox ul li.tel img{
	float: left;
	margin: 5px 1% 0 1%;
	padding: 0;
	width: 48%;
}
header h2 { float: right; margin: 0; padding: 0; }
header .inner .headRight ul { float: right; clear: both; font-size: 90%; margin: 0; }
header .inner .headRight ul li{ display:inline; margin: 0 7px; background: url(../images/contents/icon02.png) no-repeat; padding: 0 0 0 16px; }
header .inner .headRight ul li a{ color: #000000; }
header .inner .headRight ul li a:hover{ color: #0082CA; }

nav#menu { float: left; clear: both; width: 100%; margin: 5px 0 0 0; padding: 0; background: url(../images/navbg.jpg) repeat-x; height: 46px; }
nav#menu .inner { width: 98%; margin: 0 auto; padding: 0; }
nav#menu .inner ul{ width: 100%; margin: 0; padding: 0; float: left; clear: both; background: url(../images/line.png) no-repeat right top; }
nav#menu .inner ul li{ width: 20%; margin: 0; padding: 8px 0 0 0; float: left; text-align: center; font-weight: bold; background: url(../images/line.png) no-repeat; }
nav#menu .inner ul li.sp{ display: none; }
nav#menu .inner ul li span{ display: none; }
nav#menu .inner ul li p{ font-size: 70%; font-weight: normal; }
nav#menu .inner ul li a{ color: #FFF; display: block; }
nav#menu .inner ul li a:hover{ color: #BFE9FF; }
.menu_title { display: none; }

.pankuzu{ margin: 5px 0 0 0; float: left; clear: both; color: #0082CA; width: 100%; }
.pankuzu .inner { width: 98%; margin: 0 auto; padding: 0; font-size: 90%; }
.pankuzu a{ text-decoration: underline; }
.pankuzu span{ color: #000; }

#mainimg .inner { width: 98%; margin: 10px 1% 0; }
#mainimg .inner02 { width: 98%; margin: 10px auto 0; padding: 0; }
.pageTitleBox { width: 100%; float: left; clear: both; padding: 0; margin: 0 0 10px 0; background: url(../images/contents/pageTitleBase.jpg) no-repeat; height: 146px; }
.pageTitle { float: left; margin: 45px 0 0 35px; clear: both; border-left: 3px solid #FFF; height: 52px; }
.pageTitle h1{ float: left; clear: both; padding: 0px 0 0 20px; color: #FFF; font-size: 90%; }
.pageTitle h2{ float: left; clear: both; padding: 0px 0 0 20px; color: #FFF; font-size: 200%; letter-spacing: 5px; }

#contents { clear: both; float: left; width: 100%; padding-top: 15px; }
#contents .inner { width: 96%; margin: 0px 2% 0; }
#main { float: left; clear: both; width: 100%; }
.mainTxt { text-align: left; line-height: 2.0; width: 96%; margin: 0 2%; clear: both; float: left; }

.infomation { margin: 30px 0 0 2%; float: left; clear: both; width: 96%; }
.infomation h1{ border-bottom: 4px solid #498ABF; width: 33%; float: left; font-size: 160%; color: #000000; height: 30px; }
.infomation h1 span{ color: #498ABF; font-size: 50%; }
.infomation .infoTitle{ border-bottom: 4px solid #E9E9EA; width: 67%; float: left; height: 30px; }
.infomation .infoTitle ul{ float: right; padding: 3px 0 0 0; }
.infomation .infoTitle ul li{ display:inline; }
.infomation a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.infomation iframe{ height: 170px; }
#main h2{ margin: 0 2%; width: 96%; float: left; clear: both; }
#main h2 img{ width: 100%; }

.infoBox { float: left; clear: both; width: 100%; }
.infoBox dl{ float: left; clear: both; width: 100%; border-bottom: 1px solid #E9E9EA; }
.infoBox dl dt{ float: left; width: 20%; padding: 15px 0; }
.infoBox dl dt span{ color: #498ABF; }
.infoBox dl dd{ float: left; width: 80%; padding: 15px 0; }
.infoBox dl dd a{ color: #498ABF; text-decoration: underline; }

#sub { float: left; clear: both; width: 100%; margin: 30px 0 0 0 ; }
#photoarea { float: left; clear: both; width: 100%; margin: 20px 0 0 5px; }
#photoarea dl{ float: left; width: 31%; margin: 0 1%; }
#photoarea dl dt{ float: left; clear: both; width: 100%; margin: 0; }
#photoarea dl dd{ float: left; clear: both; width: 100%; margin: 5px 0 26px 0; text-align: center; color: #498ABF; }
#photoarea dl dd a{ color: #498ABF; text-decoration: underline; }
#photoarea a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

.f_menuBlock .inner { width: 98%; margin: 0 auto; padding: 0; }
.fnav .inner { width: 98%; margin: 45px auto 0; padding: 0; }
.fnav .headMark {display:none; width: 8%; margin: 0; padding: 0; float: left; }
.fnav .headMark img{ width: 80%; }
.fnav .fnavArea { width: 90%; margin: 0; padding: 0; float: left; }
.fnav .fnavArea .description { width: 100%; margin: 0; padding: 0; float: left; clear: both; color: #FFF; font-size: 85%; }
.fnav .fnavArea #logo { float: left; margin: 5px 0 0 0; }
.fnav .fnavArea .f_tel .tel { float: left; margin: 7px 0 0 10px; max-width:234px; }



.copyright { width: 100%; float: left; clear: both; border-top: 1px solid #FFF; margin: 12px 0 0 0; padding: 10px 0 25px 0; color: #FFF; position:relative; }
.copyright  p{ float: left; color: #FFFFFF; margin: 0; }
.copyright .kyoka{ float: right; color: #FFFFFF; margin: 0; font-size: 90%; }
.copyright .kyoka ul li{ display: inline; padding: 0 0 0 15px; }
.copyright .kyoka ul li a{ color: #FFF; }
.copyright .f_adrs{
	color: #eee;
	font-size: 11px;
	position: absolute;
	top: -5em;
	right: 0;
}

.Blockbox{ margin: 15px 0; float: left; clear: both; width: 100%; }
.BlockArea{ margin: 0 1% 0 1%; float: left; width: 48%; box-shadow: 2px 2px 2px rgba(0,0,0,0.4); }
.BlockTitle{ margin: 0; float: left; clear: both; width: 100%; height: 36px; line-height: 36px; padding: 0 0 0 0px;
background: rgb(0,116,189); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzRiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwOTFkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlhZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,116,189,1) 0%, rgba(0,145,215,1) 51%, rgba(0,154,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,116,189,1)), color-stop(51%,rgba(0,145,215,1)), color-stop(100%,rgba(0,154,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,116,189,1) 0%,rgba(0,145,215,1) 51%,rgba(0,154,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,116,189,1) 0%,rgba(0,145,215,1) 51%,rgba(0,154,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,116,189,1) 0%,rgba(0,145,215,1) 51%,rgba(0,154,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,116,189,1) 0%,rgba(0,145,215,1) 51%,rgba(0,154,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074bd', endColorstr='#009ae8',GradientType=0 ); /* IE6-8 */
}
.BlockTitle a{ background: url(../images/contents/icon.png) no-repeat 16px 12px; padding: 0 0 0 35px; color: #FFF; display: block; font-size: 105%; }
.BlockArea dl{ margin: 15px 3% 0 3%; float: left; clear: both; width: 94%; }
.BlockArea dl dt{ margin: 0; float: left; clear: both; width: 100%; line-height: 1.8; }
.BlockArea dl dd{ margin: 15px 0 0 12%; float: left; clear: both; width: 70%; }
.BlockArea dl dd img{ width: 100%; }
.BlockArea .link{ margin: 10px 0 0 0; padding: 0 20px 10px 18px; float: right; clear: both; text-align: right; background: url(../images/contents/icon02.png) no-repeat 0 3px; }


dl#contentsTitle { margin: 15px 0 0 0; float: left; clear: both; width: 100%; }
dl#contentsTitle dt{ margin: 0; float: left; width: 80%; border-bottom: 4px solid #007AC5; padding: 0 0 5px 0; font-weight: bold; font-size: 120%; letter-spacing: 2px; }
dl#contentsTitle dd{ margin: 0; float: left; width: 20%; border-bottom: 4px solid #D5D5D6; padding: 0 0 5px 0; font-weight: bold; font-size: 120%; letter-spacing: 2px; }

.imgphoto { margin: 20px 5% 0; float: left; clear: both; width: 90%; }
.imgphoto img{ width: 100%; }

.cTbox { margin: 5px 0 0; float: left; clear: both; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #007AC5; height: 36px; line-height: 36px; color: #FFF; padding: 0 0 0 3%; width: 97%; font-size: 110%; }
.tlink { margin: 10px 0 0 0; float: left; clear: both; }

dl.photoLeft { margin: 30px 0 15px 0; float: left; clear: both; width: 100%; }
dl.photoLeft dt{ margin: 0; float: left; width: 40%; }
dl.photoLeft dt img{ width: 100%; }
dl.photoLeft dd{ margin: 0; float: right; width: 60%;  }
dl.photoLeft dd p{ margin: 0; float: right; clear: both; width: 90%; }

dl.photoRight { margin: 30px 5px 15px 5px; float: left; clear: both; width: 100%; }
dl.photoRight dt{ margin: 0; float: left; width: 60%; }
dl.photoRight dt p{ margin: 0; clear: both; float: left; width: 90%; }
dl.photoRight dd{ margin: 0; float: right; width: 40%; }
dl.photoRight dd img{ width: 100%; }

dl.photoAll { margin: 20px 5px 15px 5px; float: left; clear: both; width: 100%; }
dl.photoAll dt{ margin: 0; float: left; clear: both; width: 100%; }
dl.photoAll dt img{ width: 100%; }
dl.photoAll dd{ margin: 15px 0 0 0; float: left; clear: both; width: 100%; }
dl.photoAll dd p{ margin: 0; float: left; clear: both; width: 100%; }
dl.photoAll dd img{ width: 100%; }

dl.photoAll02 { margin: 30px 5px 15px 5px; float: left; clear: both; width: 100%; }
dl.photoAll02 dt{ margin: 0; float: left; clear: both; width: 100%; }
dl.photoAll02 dt img{ width: 100%; }
dl.photoAll02 dd{ margin: 10px 0 0 0; float: left; clear: both; width: 100%; }
dl.photoAll02 dd p{ margin: 0; float: left; clear: both; width: 100%; }
dl.photoAll02 dd img{ width: 100%; }

.sitemap{ margin: 0 1%; float: left; clear: both; width: 96%; }
.sitemap dl{ margin: 0; float: left; clear: both; width: 100%; }
.sitemap dl dt{ margin: 0 0 30px 0; padding: 10px; border-left: 5px solid #007AC5; border-bottom: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; border-top: 1px solid #D6D6D6; float: left; clear: both; width: 100%;
background: -moz-linear-gradient(top center, #fff 0%, #CCC 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#CCC));
background: linear-gradient(top center, #fff 0%, #CCC 100%);
height: 25px; line-height: 25px; font-size: 120%;
}
.sitemap dl dt a { display: block; }
.sitemap dl dt.mT20 { margin: 20px 0 30px 0; }
.sitemap dl dd { margin: 0 0 5px 20px; float: left; border: none; background: none; width: auto; font-size: 100%; background: url(../images/contents/icon02.png) no-repeat 0 4px; padding: 0 0 0 20px; }

.privacy{ margin: 0 1%; float: left; clear: both; width: 96%; }
.privacy dl{ margin: 0; float: left; clear: both; width: 100%; }
.privacy dl dt{ margin: 15px 0 0 0; padding: 0 10px; font-weight: bold; float: left; clear: both; font-size: 105%; } 
.privacy dl dd{ margin: 15px 0 15px 0; padding: 0 10px; float: left; clear: both; font-weight: normal; } 

.contact{ margin: 0; float: left; clear: both; width: 100%; }
.contact ol{ margin: 0; float: left; clear: both; width: 100%; }
.contact ol li{ margin: 5px 0 0 0; float: left; clear: both; width: 100%; list-style-position: inside; }
.contact table{ margin: 30px 0 0 0; float: left; clear: both; width: 100%; background: #00A7EB; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; }
.contact table th{ margin: 0; padding: 10px 0 10px 2%; float: left; width: 98%; border-top: 1px solid #999; line-height: 2.0; color: #FFFFFF; }
.contact table td{ margin: 0; padding: 10px 0 10px 2%; float: left; width: 98%; background: #FFF; border-top: 1px solid #999; line-height: 2.0; }
.contact .btn{ margin: 20px 40%; float: left; clear: both; width: 20%; }
.contact .btn02{ width: 80px; text-align: center; margin: 0 10px; }
.ttl { font-weight: bold; }


}

@media only screen and (max-width:850px) and (min-width:768px){
	.copyright .f_adrs span.blk2{
		display:block;
	}
	
	.copyright .f_adrs{
	top: -8em;
	line-height:1.2em;
	}

}

/***************************************
/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:767px){
header { z-index: 1000; position: fixed; margin: 0; padding: 0; background: #FFF; height: 70px; border-bottom: 1px solid #CCC; float: left; clear: both; display: block; }
header .inner { width: 98%; margin: 0 1%; }
header .inner .headMark { max-width:208px; width: 40%; margin: 5px 0 0 0; padding: 0; float: left; }
header .inner .headMark img{ width: 85%; }
header .inner .headLeft { width: 60%; margin: 3% 0 0 0; padding: 0; float: left; }
header .inner .headRight { display: none; }
header .inner .headLeft .logoBox { margin: 0px 0 0 0; padding: 0; float: left; }
header .inner .headLeft .logoBox .description { font-size: 90%; float: left; clear: both; }
header .inner .headLeft .logoBox ul li.logo img{ float: left; margin: 3px 0 0 0; padding: 0; width: 50%; }
header .inner .headLeft .logoBox ul li.tel img{ float: left; margin: 5px 0 0 1%; padding: 3px 0 0 0; width: 44%; }

nav#menu { width: 100%; }
.menu_to_accordion { position: absolute; right: 0; top: 0; width: 100%;  }
.menu_to_accordion .menu_title { display: block; background: #333; width: 60px; height: 65px; float: right; font-size: 180%; text-align: center; padding: 5px 0 0 0; }
.menu_to_accordion .menu_opener { color: #FFF; margin: 0; padding: 0px 15px; float: none; background: url(../images/more_side_right.png) 100% 19px no-repeat; line-height: 50px; font-size: 120%; cursor: pointer; }
.menu_to_accordion .view .menu_opener { background: url(../images/more_side_right.png) 100% -383px no-repeat; }

.menu_to_accordion ul { list-style: none; display: none; clear: left; margin: 0; padding-left: 0; color: #333; z-index: 1000; position: absolute; right: 0; top: 70px; width: 100%; }
.menu_to_accordion li { color: #333; float: right; position: static; margin: 0; line-height: 2.5em; white-space: normal; background: #EEE; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; cursor: pointer;  z-index: 100; width: 45%; font-size: 105%; }
.menu_to_accordion li p{ display: none; }
.menu_to_accordion li span{ float: left; margin: -4px 0 0 0; }
.menu_to_accordion li a { color: #333; }
.menu_to_accordion li a:hover { background: #f8f8f8; color: #333; }

.menu_to_accordion li a,
.menu_to_accordion li span { display: block; padding: 5px 15px; color: #333; }
.menu_to_accordion br { display: none; }

.pankuzu{ margin: 75px 0 0 1%; float: left; clear: both; color: #0082CA; width: 98%; }
.pankuzu span{ color: #000; }

#mainimg .inner { width: 98%; margin: 10px 1% 0; }
#mainimg .inner02 { width: 98%; margin: 10px auto 0; padding: 0; }
.pageTitleBox { width: 100%; float: left; clear: both; padding: 0; margin: 0 0 10px 0; background: url(../images/contents/pageTitleBase.jpg) no-repeat; height: 146px; }
.pageTitle { float: left; margin: 45px 0 0 35px; clear: both; border-left: 3px solid #FFF; height: 52px; }
.pageTitle h1{ float: left; clear: both; padding: 0px 0 0 20px; color: #FFF; font-size: 90%; }
.pageTitle h2{ float: left; clear: both; padding: 0px 0 0 20px; color: #FFF; font-size: 200%; letter-spacing: 5px; }

#contents { clear: both; float: left; width: 100%; padding-top: 15px; }
#contents .inner { width: 96%; margin: 0px 2% 0; }
#main { float: left; clear: both; width: 100%; }
.mainTxt { line-height: 1.7; width: 100%; margin: 0; clear: both; float: left; }
.mainTxt br { display:none; }

.infomation { margin: 30px 0 0 2%; float: left; clear: both; width: 96%; }
.infomation h1{ border-bottom: 4px solid #498ABF; width: 33%; float: left; font-size: 160%; color: #000000; height: 30px; }
.infomation h1 span{ color: #498ABF; font-size: 50%; }
.infomation .infoTitle{ border-bottom: 4px solid #E9E9EA; width: 67%; float: left; height: 30px; }
.infomation .infoTitle ul{ float: right; padding: 3px 0 0 0; }
.infomation .infoTitle ul li{ display:inline; }
.infomation a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.infomation iframe{ height: 100px; }

.infoBox { float: left; clear: both; width: 100%; }
.infoBox dl{ float: left; clear: both; width: 100%; border-bottom: 1px solid #E9E9EA; }
.infoBox dl dt{ float: left; width: 20%; padding: 15px 0; }
.infoBox dl dt span{ color: #498ABF; }
.infoBox dl dd{ float: left; width: 80%; padding: 15px 0; }
.infoBox dl dd a{ color: #498ABF; text-decoration: underline; }

#sub { float: left; clear: both; width: 100%; margin: 30px 0 0 0 ; }
#photoarea { float: left; clear: both; width: 100%; margin: 20px 0px 0px 0px; }
/*#photoarea dl{ float: left; width: 48%; margin: 0 1%; } */
#photoarea dl{ float: left; width: 31%; margin: 0 1%; }
#photoarea dl dt{ float: left; clear: both; width: 100%; margin: 0; }
#photoarea dl dt img{ width: 100%; }
#photoarea dl dd{ float: left; clear: both; width: 100%; margin: 5px 0 15px 0; text-align: center; color: #498ABF; }
#photoarea dl dd a{ color: #498ABF; text-decoration: underline; }
#photoarea a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

.f_menuBlock .inner { width: 98%; margin: 0 auto; padding: 0; }
.fnav .inner { width: 98%; margin: 35px auto 0; padding: 0; }
.fnav .headMark { display:none; width: 12%; margin: 0; padding: 0; float: left; }
.fnav .headMark img{ width: 90%; }
.fnav .fnavArea { width: 88%; margin: 0; padding: 0; float: left; }
.fnav .fnavArea .description { width: 100%; margin: 0; padding: 0; float: left; clear: both; color: #FFF; font-size: 85%; }
.fnav .fnavArea #logo img{ float: left; margin: 5px 0 0 0; width: 60%; max-width:155px; }
.fnav .fnavArea .tel img{ float: left; margin: 5px 0 0 0; width: 40%; padding: 5px 0 0 0; }
.fnav .fnavArea .tel { float: left; margin: 7px 0 0 10px; }

.copyright { width: 100%; float: left; clear: both; border-top: 1px solid #FFF; margin: 12px 0 0 0; padding: 10px 0 25px 0; color: #FFF; }
.copyright  p{ float: left; color: #FFFFFF; margin: 0; }
.copyright .kyoka{ float: right; color: #FFFFFF; margin: 0; font-size: 90%; }
.copyright .kyoka ul li{ display: inline; padding: 0 0 0 15px; }
.copyright .kyoka ul li a{ color: #FFF; }

.Blockbox{ margin: 15px 0; float: left; clear: both; width: 100%; }
.BlockArea{ margin: 0 1% 0 1%; float: left; width: 48%; box-shadow: 2px 2px 2px rgba(0,0,0,0.4); }
.BlockTitle{ margin: 0; float: left; clear: both; width: 100%; height: 36px; line-height: 36px; padding: 0 0 0 0px;
background: rgb(0,116,189); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzRiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwOTFkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlhZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,116,189,1) 0%, rgba(0,145,215,1) 51%, rgba(0,154,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,116,189,1)), color-stop(51%,rgba(0,145,215,1)), color-stop(100%,rgba(0,154,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,116,189,1) 0%,rgba(0,145,215,1) 51%,rgba(0,154,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,116,189,1) 0%,rgba(0,145,215,1) 51%,rgba(0,154,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,116,189,1) 0%,rgba(0,145,215,1) 51%,rgba(0,154,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,116,189,1) 0%,rgba(0,145,215,1) 51%,rgba(0,154,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074bd', endColorstr='#009ae8',GradientType=0 ); /* IE6-8 */
}
.BlockTitle a{ background: url(../images/contents/icon.png) no-repeat 16px 12px; padding: 0 0 0 35px; color: #FFF; display: block; font-size: 105%; }
.BlockArea dl{ margin: 15px 3% 0 3%; float: left; clear: both; }
.BlockArea dl dt{ margin: 0; float: left; clear: both; width: 100%; line-height: 1.8; }
.BlockArea dl dd{ margin: 15px 0 0 48px; float: left; clear: both; width: 154px; }
.BlockArea .link{ margin: 10px 0 0 0; padding: 0 20px 10px 18px; float: right; clear: both; text-align: right; background: url(../images/contents/icon02.png) no-repeat 0 3px; }

.mL35 { margin: 0 0 0 0; }
#subMenu { width: 100%; padding: 0px; clear: both; float: left; border: none; }
.menuTitle { float: left; clear: both; background: url(../images/contents/pageTitleBase.jpg) no-repeat; height: 60px; width: 100%; margin: 0; }
.menuTitle h1{ float: left; clear: both; margin: 10px 0 0 13px; font-size: 80%; color: #FFF; }
.menuTitle h2{ float: left; clear: both; margin: -5px 0 0 13px; font-size: 140%; color: #FFF; letter-spacing: 3px; }
#subMenu ul{ margin: 0 0 0 0; width: 100%; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; clear: both; float: left; }
#subMenu ul li{ margin: 0px 0 0 0; float: left; width: 50%; border-top: 1px solid #CCC; border-left: 1px solid #CCC; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
#subMenu ul li a{ text-decoration: none; font-size: 120%; display: block; background: url(../images/contents/icon03.png) no-repeat 6px 20px; padding: 15px 0 15px 30px; }
#subMenu ul li a:hover{ background: url(../images/contents/icon03.png) no-repeat 6px 20px #CCC; }

.bannerArea { margin: 0; float: left; clear: both; width: 100%; }
.bannerArea ul{ margin: 0; float: left; clear: both; width: 100%; }
.bannerArea ul li{ margin: 15px 1% 0; float: left; padding: 1% 1% 0 1%; border: 1px solid #CCC; box-shadow: 2px 2px 2px rgba(0,0,0,0.4); width: 48%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
.bannerArea ul li img{ width: 100%; }

dl#contentsTitle { margin: 15px 0 0 0; float: left; clear: both; width: 100%; }
dl#contentsTitle dt{ margin: 0; float: left; width: 80%; border-bottom: 4px solid #007AC5; padding: 0 0 5px 0; font-weight: bold; font-size: 120%; letter-spacing: 2px; }
dl#contentsTitle dd{ margin: 0; float: left; width: 20%; border-bottom: 4px solid #D5D5D6; padding: 0 0 5px 0; font-weight: bold; font-size: 120%; letter-spacing: 2px; }

.imgphoto { margin: 20px 5px 0; float: left; clear: both;  width: 100%;}

.cTbox { margin: 5px 0 0; float: left; clear: both; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #007AC5; height: auto; line-height: 1.6; color: #FFF; padding: 10px 0 10px 3%; width: 97%; font-size: 110%; }
.tlink { margin: 10px 0 0 0; float: left; clear: both; }

dl.photoLeft { margin: 30px 0 15px 0; float: left; clear: both; width: 100%; }
dl.photoLeft dt{ margin: 0; float: left; width: 40%; }
dl.photoLeft dt img{ width: 100%; }
dl.photoLeft dd{ margin: 0 0 0 5%; float: left; width: 55%; }
dl.photoLeft dd p{ margin: 0; float: left; clear: both; width: 100%; }

dl.photoRight { margin: 30px 5px 15px 5px; float: left; clear: both; width: 100%; }
dl.photoRight dt{ margin: 0; float: left; width: 55%; }
dl.photoRight dt p{ margin: 0; clear: both; float: left; width: 100%; }
dl.photoRight dd{ margin: 0; float: right; width: 40%; }
dl.photoRight dd img{ width: 100%; }

dl.photoAll { margin: 20px 5px 15px 5px; float: left; clear: both; width: 100%; }
dl.photoAll dt{ margin: 0; float: left; clear: both; width: 100%; }
dl.photoAll dd{ margin: 15px 0 0 0; float: left; clear: both; width: 100%; }
dl.photoAll dd p{ margin: 0; float: left; clear: both; width: 100%; }

dl.photoAll02 { margin: 30px 5px 15px 5px; float: left; clear: both; width: 100%; }
dl.photoAll02 dt{ margin: 0; float: left; clear: both; width: 100%; }
dl.photoAll02 dd{ margin: 10px 0 0 0; float: left; clear: both; width: 100%; }
dl.photoAll02 dd p{ margin: 0; float: left; clear: both; width: 100%; }

.sitemap{ margin: 0; float: left; clear: both; width: 96%; }
.sitemap dl{ margin: 0; float: left; clear: both; width: 100%; }
.sitemap dl dt{ margin: 0 0 30px 0; padding: 10px; border-left: 5px solid #007AC5; border-bottom: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; border-top: 1px solid #D6D6D6; float: left; clear: both; width: 100%;
background: -moz-linear-gradient(top center, #fff 0%, #CCC 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#CCC));
background: linear-gradient(top center, #fff 0%, #CCC 100%);
height: 25px; line-height: 25px; font-size: 120%;
}
.sitemap dl dt a { display: block; }
.sitemap dl dt.mT20 { margin: 20px 0 20px 0; }
.sitemap dl dd { margin: 0 0 5px 20px; float: left; border: none; background: none; width: auto; font-size: 100%; background: url(../images/contents/icon02.png) no-repeat 0 4px; padding: 0 0 0 20px; }

.privacy{ margin: 0; float: left; clear: both; width: 100%; }
.privacy dl{ margin: 0; float: left; clear: both; width: 100%; }
.privacy dl dt{ margin: 15px 0 0 0; padding: 0 10px; font-weight: bold; float: left; clear: both; font-size: 105%; } 
.privacy dl dd{ margin: 15px 0 15px 0; padding: 0 10px; float: left; clear: both; font-weight: normal; } 

.contact { float: left; clear: both; margin: 0 2%; padding: 0; width: 96%; }
.contact ol{ float: left; clear: both; margin: 0; padding: 0; width: 100%; list-style-position: inside; }
.contact table{ float: left; clear: both; margin: 0; padding: 0; width: 100%; }
.contact table th{ float: left; clear: both; margin: 5px 0; padding: 0; width: 100%; background-color: #CCFFFF; }
.contact table td{ float: left; clear: both; margin: 0; padding: 0; width: 100%; }
.contact table td textarea{ width: 80%; }

}


/***************************************
/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
header { z-index: 1000; position: fixed; margin: 0; padding: 0; background: #FFF; height: 50px; border-bottom: 1px solid #CCC; float: left; clear: both; display: block; }
header .inner { width: 98%; margin: 0 1%; }
header .inner .headMark { width: 30%; margin: 5px 0 0 0; padding: 0; float: left; }
header .inner .headMark img{ width: 90%; }
header .inner .headLeft { width: 65%; padding: 0; float: left; }
header .inner .headRight { display: none; }
header .inner .headLeft .logoBox { margin: 0; padding: 0; float: left; }
header .inner .headLeft .logoBox .description { display: none;}
header .inner .headLeft .logoBox ul li.logo img{ float: left; margin: 5px 0 0 0; padding: 0; width: 100%; }
header .inner .headLeft .logoBox ul li.tel img{ display: none; }

nav#menu { width: 100%; }
.menu_to_accordion { position: absolute; right: 0; top: 0; width: 100%;  }
.menu_to_accordion .menu_title { display: block; background: #333; width: 50px; height: 50px; float: right; font-size: 160%; text-align: center; padding: 0 0 0 0; }
.menu_to_accordion .menu_opener { color: #FFF; margin: 0; padding: 0px 15px; float: none; background: url(../images/more_side_right.png) 100% 19px no-repeat; line-height: 50px; font-size: 120%; cursor: pointer; }
.menu_to_accordion .view .menu_opener { background: url(../images/more_side_right.png) 100% -383px no-repeat; }

.menu_to_accordion ul { list-style: none; display: none; clear: left; margin: 0; padding-left: 0; color: #333; z-index: 1000; position: absolute; right: 0; top: 50px; width: 100%; }
.menu_to_accordion li { color: #333; float: right; position: static; margin: 0; line-height: 2.5em; white-space: normal; background: #EEE; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; cursor: pointer;  z-index: 100; width: 80%; font-size: 105%; }
.menu_to_accordion li p{ display: none; }
.menu_to_accordion li span{ float: left; margin: -4px 0 0 0; }
.menu_to_accordion li a { color: #333; }
.menu_to_accordion li a:hover { background: #f8f8f8; color: #333; }

.menu_to_accordion li a,
.menu_to_accordion li span { display: block; padding: 5px 15px; color: #333; }
.menu_to_accordion br { display: none; }

.pankuzu{ margin: 60px 0 0 2%; float: left; clear: both; color: #0082CA; width: 98%; }
.pankuzu span{ color: #000; }

#mainimg .inner02 { width: 98%; margin: 10px auto 0; padding: 0; }
.pageTitle { float: left; margin: 45px 0 0 25px; clear: both; border-left: 3px solid #FFF; height: 52px; }
.pageTitle h1{ float: left; clear: both; padding: 0px 0 0 20px; color: #FFF; font-size: 90%; }
.pageTitle h2{ float: left; clear: both; padding: 0px 0 0 20px; color: #FFF; font-size: 160%; letter-spacing: 5px; }

.infomation { margin: 30px 0 0 2%; float: left; clear: both; width: 96%; }
.infomation h1{ border-bottom: 4px solid #498ABF; width: 60%; float: left; font-size: 140%; color: #000000; height: 30px; }
.infomation h1 span{ color: #498ABF; font-size: 50%; }
.infomation .infoTitle{ border-bottom: 4px solid #E9E9EA; width: 40%; float: left; height: 30px; }
.infomation .infoTitle ul{ float: right; padding: 3px 0 0 0; }
.infomation .infoTitle ul li{ display:inline; }
.infomation a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.infomation iframe{ height: 100px; }

.infoBox { float: left; clear: both; width: 100%; }
.infoBox dl{ float: left; clear: both; width: 100%; border-bottom: 1px solid #E9E9EA; }
.infoBox dl dt{ float: left; clear: both; width: 100%; padding: 0; margin: 0; }
.infoBox dl dt span{ color: #498ABF; }
.infoBox dl dd{ float: left; clear: both; width: 100%; padding: 5px 0; }
.infoBox dl dd a{ color: #498ABF; text-decoration: underline; }

#sub { float: left; clear: both; width: 100%; margin: 20px 0 0 0 ; }
#photoarea { float: left; clear: both; width: 100%; margin: 20px 0px 0px 0px; }
/* #photoarea dl{ float: left; width: 48%; margin: 0 1%; } */
#photoarea dl{ float: left; width: 31%; margin: 0 1%; }
#photoarea dl dt{ float: left; clear: both; width: 100%; margin: 0; }
#photoarea dl dt img{ width: 100%; }
#photoarea dl dd{ float: left; clear: both; width: 100%; margin: 2px 0 15px 0; text-align: left; color: #498ABF; font-size: 80%; }
#photoarea dl dd a{ color: #498ABF; text-decoration: underline; }
#photoarea a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

.f_menuBlock { display: none; }
.fnav { width: 100%; float: left; clear: both; background: url(../images/footer_bg.jpg) repeat-x #00A4EB; }
.fnav .inner { width: 98%; margin: 15px auto 0; padding: 0; }
.fnav .headMark { display:none; width: 98%; margin: 0; padding: 0; float: left; clear: both; text-align: center; }
.fnav .headMark img{ width: 20%; }
.fnav .fnavArea { width: 98%; margin: 0; padding: 0; float: none; clear: both; text-align:center; }
.fnav .fnavArea .description { width: 100%; margin: 0; padding: 0; float: left; clear: both; color: #FFF; font-size: 85%; text-align: center; }
.fnav .fnavArea #logo img{ float: none; margin: 5px 0 0 0; width: 60%; max-width:155px; }
.fnav .fnavArea .tel img{ float: left; margin: 5px 0 0 0; width: 40%; padding: 5px 0 0 0; }
.fnav .fnavArea .f_tel img{ float: none; margin: 1px 0 0 10px; width: 90%; padding: 5px 0 0 0; max-width:234px; }

.copyright { width: 100%; float: left; clear: both; border-top: 1px solid #FFF; margin: 12px 0 0 0; padding: 10px 0 25px 0; color: #FFF; }
.copyright  p{ float: left; color: #FFFFFF; margin: 0; clear: both; text-align: center; width: 100%; }
.copyright .kyoka{ display: none; }

.pagetop { float: right; clear: both; margin: 0; }

.Blockbox{ margin: 0; padding: 0; }
.BlockArea{ margin: 10px 1%; float: left; clear: both; width: 98%; box-shadow: 2px 2px 2px rgba(0,0,0,0.4); }
.BlockTitle{ margin: 0; float: left; clear: both; width: 100%; height: 36px; line-height: 36px; padding: 0 0 0 0px;
background: rgb(0,116,189); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzRiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwOTFkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlhZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,116,189,1) 0%, rgba(0,145,215,1) 51%, rgba(0,154,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,116,189,1)), color-stop(51%,rgba(0,145,215,1)), color-stop(100%,rgba(0,154,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,116,189,1) 0%,rgba(0,145,215,1) 51%,rgba(0,154,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,116,189,1) 0%,rgba(0,145,215,1) 51%,rgba(0,154,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,116,189,1) 0%,rgba(0,145,215,1) 51%,rgba(0,154,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,116,189,1) 0%,rgba(0,145,215,1) 51%,rgba(0,154,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074bd', endColorstr='#009ae8',GradientType=0 ); /* IE6-8 */
}
.BlockTitle a{ background: url(../images/contents/icon.png) no-repeat 16px 12px; padding: 0 0 0 35px; color: #FFF; display: block; font-size: 105%; }
.BlockArea dl{ margin: 15px 3% 0 3%; float: left; clear: both; }
.BlockArea dl dt{ margin: 0; float: left; clear: both; width: 100%; line-height: 1.8; }
.BlockArea dl dd{ margin: 15px 25% 0; width: 50%; text-align: center; }
.BlockArea .link{ margin: 10px 0 0 0; padding: 0 20px 10px 18px; float: right; clear: both; text-align: right; background: url(../images/contents/icon02.png) no-repeat 0 3px; }

#subMenu { width: 100%; padding: 0px; clear: both; float: left; border: none; }
.menuTitle { float: left; clear: both; background: url(../images/contents/pageTitleBase.jpg) no-repeat; height: 60px; width: 100%; margin: 0; }
.menuTitle h1{ float: left; clear: both; margin: 10px 0 0 13px; font-size: 80%; color: #FFF; }
.menuTitle h2{ float: left; clear: both; margin: -5px 0 0 13px; font-size: 140%; color: #FFF; letter-spacing: 3px; }
#subMenu ul{ margin: 0 0 0 0; width: 100%; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; clear: both; float: left; }
#subMenu ul li{ margin: 0px 0 0 0; float: left; width: 100%; border-top: 1px solid #CCC; border-left: 1px solid #CCC; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
#subMenu ul li a{ text-decoration: none; font-size: 120%; display: block; background: url(../images/contents/icon03.png) no-repeat 6px 20px; padding: 15px 0 15px 30px; }
#subMenu ul li a:hover{ background: url(../images/contents/icon03.png) no-repeat 6px 20px #CCC; }

.bannerArea { margin: 0 0 20px 0; float: left; clear: both; width: 100%; }
.bannerArea ul{ margin: 0; float: left; clear: both; width: 100%; }
.bannerArea ul li{ margin: 15px 1% 0; float: left; padding: 1% 1% 0 1%; border: 1px solid #CCC; box-shadow: 2px 2px 2px rgba(0,0,0,0.4); width: 98%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
.bannerArea ul li img{ width: 100%; }

dl#contentsTitle { margin: 15px 0 0 0; float: left; clear: both; width: 100%; }
dl#contentsTitle dt{ margin: 0; float: left; width: 80%; border-bottom: 4px solid #007AC5; padding: 0 0 5px 0; font-weight: bold; font-size: 120%; letter-spacing: 2px; }
dl#contentsTitle dd{ margin: 0; float: left; width: 20%; border-bottom: 4px solid #D5D5D6; padding: 0 0 5px 0; font-weight: bold; font-size: 120%; letter-spacing: 2px; }

.imgphoto { margin: 20px 2% 20px; float: left; clear: both;  width: 96%;}

.cTbox { margin: 5px 0 0; float: left; clear: both; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #007AC5; color: #FFF; height: auto; padding: 10px 0 10px 3%; line-height: 1.6; font-size: 90%; }
.tlink { margin: 10px 0 0 0; float: left; clear: both; }

dl.photoLeft { margin: 30px 0 15px 0; float: left; clear: both; width: 100%; }
dl.photoLeft dt{ margin: 0; float: left; width: 40%; }
dl.photoLeft dt img{ width: 100%; }
dl.photoLeft dd{ margin: 0 0 0 5%; float: left; width: 55%; }
dl.photoLeft dd p{ margin: 0; float: left; clear: both; width: 100%; }

dl.photoRight { margin: 30px 5px 15px 5px; float: left; clear: both; width: 100%; }
dl.photoRight dt{ margin: 0; float: left; width: 55%; }
dl.photoRight dt p{ margin: 0; clear: both; float: left; width: 100%; }
dl.photoRight dd{ margin: 0; float: right; width: 40%; }
dl.photoRight dd img{ width: 100%; }

dl.photoAll { margin: 20px 5px 15px 5px; float: left; clear: both; width: 100%; }
dl.photoAll dt{ margin: 0; float: left; clear: both; width: 100%; }
dl.photoAll dt p{ margin: 0; float: left; clear: both; width: 100%; }
dl.photoAll dd{ margin: 15px 2% 0 0; float: left; clear: both; width: 98%; }

dl.photoAll02 { margin: 30px 5px 15px 5px; float: left; clear: both; width: 100%; }
dl.photoAll02 dt{ margin: 0 2% 0 0; float: left; clear: both; width: 98%; }
dl.photoAll02 dd{ margin: 10px 0 0 0; float: left; clear: both; width: 100%; }
dl.photoAll02 dd p{ margin: 0; float: left; clear: both; width: 100%; }

.sitemap{ margin: 0; float: left; clear: both; width: 92%; }
.sitemap dl{ margin: 0; float: left; clear: both; width: 100%; }
.sitemap dl dt{ margin: 0 0 30px 0; padding: 10px; border-left: 5px solid #007AC5; border-bottom: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; border-top: 1px solid #D6D6D6; float: left; clear: both; width: 100%;
background: -moz-linear-gradient(top center, #fff 0%, #CCC 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#CCC));
background: linear-gradient(top center, #fff 0%, #CCC 100%);
height: 25px; line-height: 25px; font-size: 120%;
}
.sitemap dl dt a { display: block; }
.sitemap dl dt.mT20 { margin: 20px 0 20px 0; }
.sitemap dl dd { margin: 0 0 5px 20px; float: left; border: none; background: none; width: auto; font-size: 100%; background: url(../images/contents/icon02.png) no-repeat 0 4px; padding: 0 0 0 20px; }

.privacy{ margin: 0; float: left; clear: both; width: 100%; }
.privacy dl{ margin: 0; float: left; clear: both; width: 100%; }
.privacy dl dt{ margin: 15px 0 0 0; padding: 0 10px; font-weight: bold; float: left; clear: both; font-size: 105%; } 
.privacy dl dd{ margin: 15px 0 15px 0; padding: 0 10px; float: left; clear: both; font-weight: normal; } 

.contact { float: left; clear: both; margin: 0 2%; padding: 0; width: 96%; }
.contact ol{ float: left; clear: both; margin: 0; padding: 0; width: 100%; list-style-position: inside; }
.contact table{ float: left; clear: both; margin: 0; padding: 0; width: 100%; }
.contact table th{ float: left; clear: both; margin: 5px 0; padding: 0; width: 100%; background-color: #CCFFFF; }
.contact table td{ float: left; clear: both; margin: 0; padding: 0; width: 100%; }
.contact table td textarea{ width: 80%; }

}

/***************************************
/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:320px){
	.copyright .f_adrs span.blk3{
		display:block;
	}
	.copyright .f_adrs span.blk2{
		display:block;
	}


}