@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: rgb(0,163,230); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#676070+0,38334c+9,38334c+30,3c345b+30,3e3b49+69,3e3b49+69,3c345b+69,aaa2b2+100 */
background: rgb(103,96,112); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(103,96,112,1) 0%, rgba(56,51,76,1) 9%, rgba(56,51,76,1) 30%, rgba(60,52,91,1) 30%, rgba(62,59,73,1) 69%, rgba(62,59,73,1) 69%, rgba(60,52,91,1) 69%, rgba(170,162,178,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(103,96,112,1)), color-stop(9%,rgba(56,51,76,1)), color-stop(30%,rgba(56,51,76,1)), color-stop(30%,rgba(60,52,91,1)), color-stop(69%,rgba(62,59,73,1)), color-stop(69%,rgba(62,59,73,1)), color-stop(69%,rgba(60,52,91,1)), color-stop(100%,rgba(170,162,178,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(103,96,112,1) 0%,rgba(56,51,76,1) 9%,rgba(56,51,76,1) 30%,rgba(60,52,91,1) 30%,rgba(62,59,73,1) 69%,rgba(62,59,73,1) 69%,rgba(60,52,91,1) 69%,rgba(170,162,178,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(103,96,112,1) 0%,rgba(56,51,76,1) 9%,rgba(56,51,76,1) 30%,rgba(60,52,91,1) 30%,rgba(62,59,73,1) 69%,rgba(62,59,73,1) 69%,rgba(60,52,91,1) 69%,rgba(170,162,178,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(103,96,112,1) 0%,rgba(56,51,76,1) 9%,rgba(56,51,76,1) 30%,rgba(60,52,91,1) 30%,rgba(62,59,73,1) 69%,rgba(62,59,73,1) 69%,rgba(60,52,91,1) 69%,rgba(170,162,178,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(103,96,112,1) 0%,rgba(56,51,76,1) 9%,rgba(56,51,76,1) 30%,rgba(60,52,91,1) 30%,rgba(62,59,73,1) 69%,rgba(62,59,73,1) 69%,rgba(60,52,91,1) 69%,rgba(170,162,178,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676070', endColorstr='#aaa2b2',GradientType=0 ); /* IE6-9 */
 }
.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; }

/*空白
---------------------------------------------------------------------------*/
.mT20 { margin-top: 20px;float: left; clear: both; }
.mB20 { padding-bottom: 20px; clear: both;float: left; }
.left { float: left; margin-right: 15px; }
.right { float: right; margin-left: 15px; }

/***************************************
/* PC用 */
@media only screen and (min-width: 980px){

.shoppro{ height:950px; }

header .inner { width: 980px; margin: 0 auto; padding: 0; }
header .inner .headLeft { width: 580px; margin: 0px 0 0 0; padding: 0; float: left; }
header .inner .headRight { width: 400px; margin: 0; padding: 0; float: left; }
header .inner .headLeft .logoBox { margin: 4px 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.logosp { display: none; }
header .inner .headLeft .logoBox ul li.tel { float: left; margin: 35px 0 0 40px; padding: 0; }
header h2 { float: right; margin: 0; padding: 0; }
header .inner .headRight ul { float: right; clear: both; font-size: 90%; margin: 35px 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: 16.6%; 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; }
.pageTitle .catch{ float: left; clear: both; padding: 0px 0 0 20px; color: #FFF; font-size: 90%; }
.pageTitle h1.pgt{ 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; }
.mainTxt p{ float: left; width: 660px; margin: 0 0 20px 7px; clear: both; }

.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; }
#main h3{ float: left; width: 680px; margin: 20px 0 0 0; font-size: 20px; font-weight: bold; }

#main 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; box-sizing: border-box; }
#main table th{ margin: 0; padding: 10px 5px; float: left; width: 20%; color: #FFFFFF; border-top: 1px solid #999; text-align: center; box-sizing: border-box; }
#main table td{ margin: 0; padding: 10px; float: left; width: 80%; background: #FFF; border-top: 1px solid #999; box-sizing: border-box; }


#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 { width: 80px; margin: 0; padding: 0; float: left; }
.fnav .fnavArea { width: 980px; 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 .tel {
	float: left;
//	margin: 5px 0 0 20px;
	margin: 15px 0 0 20px;
}

.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%; }
.Blockbox 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; }
.Blockbox table th{ margin: 0; padding: 10px 5px; float: left; width: 20%; color: #FFFFFF; border-top: 1px solid #999; }
.Blockbox table td{ margin: 0; padding: 10px; float: left; width: 80%; background: #FFF; border-top: 1px solid #999; }

.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: 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 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; }

#subMenu2 {
	margin: 10px 0 0 0;
	border: 1px solid #E0E1E1; width: 240px;
	padding: 10px; box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
.menuTitle2 { float: left; clear: both; background: url(../images/contents/pageTitleBase02.jpg) no-repeat; height: 50px; width: 240px; margin: 0 0 10px 0; }
.menuTitle2 h1{ float: left; clear: both; margin: 5px 0 0 13px; font-size: 80%; color: #FFF; }
.menuTitle2 h2{
	float: left; clear: both;
//	margin: -5px 0 0 13px;
	margin: 10px 0 0 13px;
//	font-size: 140%;
	font-size: 140%;
	color: #FFF;
	letter-spacing: 3px;
}
#subMenu2 ul{ margin: 0 0 5px 0; clear: both; }
#subMenu2 ul li{ margin: 10px 0 0 0; clear: both; background: url(../images/contents/icon03.png) no-repeat 0 4px; padding: 0 0 0 20px; }
#subMenu2 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; }

.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; }

//.photoRight { margin: 30px 5px 15px 5px; float: left; clear: both; width: 670px; }
.photoRight { margin: 30px 5px 15px 5px; float: left; clear: both; width: 100%; }
//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;
	margin: 10px 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; }

.ifrm-container { width: 100%; height: 250px; overflow: auto; -webkit-overflow-scrolling: touch; display: inline-block; margin: 10px; }
.ifrm { width: 100%; height: 100%; border: none; display: block; }
}

/***************************************
/* モニター幅980px以下 */
@media (min-width: 768px) and (max-width: 980px){
header .inner { width: 98%; margin: 0 1%; }
header .inner .headMark { width: 10%; margin: 10px 0 0 0; padding: 0; float: left; }
header .inner .headLeft { margin: 5px 0 0 0; padding: 0; float: left; width: 58%; }
header .inner .headRight { width: 40%; margin: 0; padding: 0; float: right; }
header .inner .headLeft .logoBox { margin: 4px 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.logopc{ float: left; margin: 5px 0 0 0; padding: 0; width: 40%; }
header .inner .headLeft .logoBox ul li.logopc img{ width: 100%; }
header .inner .headLeft .logoBox ul li.logosp { display: none; }
header .inner .headLeft .logoBox ul li.tel{ float: left; margin: 30px 0 0 5%; padding: 0; width: 40%; }
header .inner .headLeft .logoBox ul li.tel img{ width: 100%; }
header h2 { float: right; margin: 0; padding: 0; }
header .inner .headRight ul { float: right; clear: both; font-size: 90%; margin: 25px 0 0 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: 100%; 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: 16.6%; 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; }
.pageTitle .catch{ float: left; clear: both; padding: 0px 0 0 20px; color: #FFF; font-size: 90%; }
.pageTitle h1.pgt{ 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; }
.mainTxt p{ margin: 0 0 20px 0; 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: 0; }
#photoarea dl{ float: left; width: 100%; margin: 0; }
#photoarea dl dt{ float: left; width: 30%; margin: 0 1%; }
#photoarea dl dd{ float: left; width: 30%; margin: 0 1%; }
#photoarea dl dd a{ color: #498ABF; text-decoration: underline; }
#photoarea a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

#subMenu h2,
#subMenu2 h2{ margin: 0; width: 96%; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; clear: both; float: left; padding: 1% 2%; background: #007AC5; font-size: 16px; color: #FFF; font-weight: bold; }
#subMenu h1{ display: none; }
#subMenu ul,
#subMenu2 ul{ margin: 0 0 20px 0; width: 100%; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; clear: both; float: left; }
#subMenu ul li,
#subMenu2 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,
#subMenu2 ul li a{
	text-decoration: none;
//	font-size: 120%;
	font-size: 120%;
	display: block;
//	background: url(../images/contents/icon03.png) no-repeat 6px 20px;
	background: url(../images/contents/icon03.png) no-repeat 6px 10px;
//	padding: 15px 0 15px 30px;
	padding: 5px 0 5px 30px;
}
#subMenu ul li a:hover,
#subMenu2 ul li a:hover{
//	background: url(../images/contents/icon03.png) no-repeat 6px 20px #CCC;
	background: url(../images/contents/icon03.png) no-repeat 6px 10px #CCC;
}

.f_menuBlock .inner { width: 98%; margin: 0 auto; padding: 0; }
.fnav .inner { width: 98%; margin: 25px auto 0; padding: 0; }
.fnav .headMark { width: 8%; margin: 0; padding: 0; float: left; }
.fnav .headMark img{ width: 80%; }
.fnav .fnavArea { width: 100%; 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; width: 75%; }
.fnav .fnavArea .tel { float: left; margin: 20px 0 0 0; width: 25%; text-align: right; }
.fnav .fnavArea .tel img{ width: 100%; }

.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%; }
.Blockbox 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; }
.Blockbox table th{ margin: 0; padding: 10px 0 10px 2%; float: left; width: 98%; border-top: 1px solid #999; line-height: 2.0; color: #FFFFFF; }
.Blockbox table td{ margin: 0; padding: 10px 0 10px 2%; float: left; width: 98%; background: #FFF; border-top: 1px solid #999; line-height: 2.0; }

.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; }

.photoLeft { margin: 30px 0 15px 0; float: left; clear: both; width: 100%;background:#ff0000; }
.photoLeft img{ width: 40%; }

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%; }

.photoRight { margin: 30px 5px 15px 5px; float: left; clear: both; width: 100%; }
.photoRight img{ width: 40%; }

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: 10px 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; }

.ifrm-container { width: 100%; height: 250px; overflow: auto; -webkit-overflow-scrolling: touch; display: inline-block; margin: 10px; }
.ifrm { width: 100%; height: 100%; border: none; display: block; }
}

/***************************************
/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:767px){

.sp_description { display:none; }
.line_btn { margin:0; float:left; clear: both; }
.pagetop { margin: -30px 0 0 0; float: right; clear: both; }

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 { width: 15%; margin: 0px 0 0 0; padding: 0; float: left; }
header .inner .headMark img{ width: 85%; }
header .inner .headLeft { width: 85%; margin: 0px 0 0 0; padding: 0; float: left; }
header .inner .headRight { display: none; }
header .inner .headLeft .logoBox { margin: 0; padding: 0; float: left; width: 100%; }
header .inner .headLeft .logoBox .description { display: none; }
header .inner .headLeft .logoBox ul{ width: 100%; }
header .inner .headLeft .logoBox ul li.logopc { display: none; }
header .inner .headLeft .logoBox ul li.logosp {  width: 60%; float: left; margin: -1px 0 0 0; padding: 0; height: 70px; }
header .inner .headLeft .logoBox ul li.logo img{  width: 100%; }
header .inner .headLeft .logoBox ul li.tel{ float: right; margin: 15px 0 0 2%; padding: 3px 0 0 0; width: 38%; }
header .inner .headLeft .logoBox ul li.tel img{ width: 100%; }

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; line-height: 50px; font-size: 120%; cursor: pointer; }

.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; }
.pageTitle .catch{ float: left; clear: both; padding: 0px 0 0 20px; color: #FFF; font-size: 90%; }
.pageTitle h1.pgt{ 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 p{ margin: 0 0 15px 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 {
	padding: 10px 0px 0px 0px;
	float: left; clear: both; width: 100%;
}
#photoarea dl{ float: left; width: 98%; margin: 0 1%; }
#photoarea dl dt{ float: left; width: 48%; margin: 10px 1%; }
#photoarea dl dt img{ width: 100%; }
#photoarea dl dd{ float: left; width: 48%; margin: 10px 1% 15px 1%; 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: 25px auto 0; padding: 0; }
.fnav .headMark { width: 12%; margin: 0; padding: 0; float: left; }
.fnav .headMark img{ width: 90%; }
.fnav .fnavArea { width: 100%; margin: 0; padding: 0; float: left; clear: both; }
.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; width: 30%; }
.fnav .fnavArea #logo img{ width: 100%; }
.fnav .fnavArea .tel{ float: right; margin: 15px 0 0 0; width: 30%; }
.fnav .fnavArea .tel img{ width: 100%; }

.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%; }
.Blockbox table{ float: left; clear: both; margin: 0; padding: 0; width: 100%; }
.Blockbox table th{ float: left; clear: both; margin: 5px 0; padding: 2%; width: 96%; background-color: #CCFFFF; }
.Blockbox table td{ float: left; clear: both; margin: 0; padding: 2%; width: 96%; }
.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%;
	font-size: 120%;
	display: block;
//	background: url(../images/contents/icon03.png) no-repeat 6px 20px;
	background: url(../images/contents/icon03.png) no-repeat 6px 10px;
//	padding: 15px 0 15px 30px;
	padding: 5px 0 5px 30px;
}
#subMenu ul li a:hover{
//	background: url(../images/contents/icon03.png) no-repeat 6px 20px #CCC;
	background: url(../images/contents/icon03.png) no-repeat 6px 10px #CCC;
}
#subMenu2 { display:none; }

.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; }

.photoLeft { margin: 30px 0 15px 0; float: left; clear: both; width: 100%; }
.photoLeft img{ width: 40%; }

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%; }

.photoRight { margin: 30px 5px 15px 5px; float: left; clear: both; width: 100%; }
.photoRight img{ width: 40%; }

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: 10px 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 0 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%; }

.ifrm-container { width: 100%; height: 100px; overflow: auto; -webkit-overflow-scrolling: touch; display: inline-block; margin: 10px; }
.ifrm { width: 100%; height: 100%; border: none; display: block; }
}


/***************************************
/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){

/*空白
---------------------------------------------------------------------------*/
.mT20 { margin: 20px 0px 10px 0px;float: left; clear: both; }

.sp_description {
	display:inline;
	margin: 0px 0px 0px 5px;
}

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: 15%; margin: 0px 0 0 0; padding: 0; float: left; }
header .inner .headMark img{ width: 90%; }
header .inner .headLeft { width: 65%; margin: 0px 0 0 0; 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.logopc { display: none; }
header .inner .headLeft .logoBox ul li.logosp{ float: left; margin: 0; padding: 5px 0 0 0; height: 50px; }
header .inner .headLeft .logoBox ul li.logosp img{ 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; line-height: 50px; font-size: 120%; cursor: pointer; }

.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; }
.pageTitle .catch{ float: left; clear: both; padding: 0px 0 0 20px; color: #FFF; font-size: 90%; }
.pageTitle h1.pgt{ 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: 70%; 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: 30%; 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 ;
	margin: 50px 0 0 0 ;
}
#photoarea { float: left; clear: both; width: 100%; margin: 0; }
#photoarea dl{ float: left; width: 100%; margin: 0; }
#photoarea dl dt{ float: left; width: 48%; margin: 5px 1%; }
#photoarea dl dt img{ width: 100%; }
#photoarea dl dd{ float: left; width: 48%; margin: 5px 1% 15px; 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 #514970; }
.fnav .inner { width: 98%; margin: 15px auto 0; padding: 0; }
.fnav .headMark { 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: left; clear: both; }
.fnav .fnavArea .description { width: 100%; margin: 0; padding: 0; float: left; clear: both; color: #FFF; font-size: 85%; text-align: center; }
.fnav .fnavArea #logo{ float: left; margin: 5px 14% 0 2%; width: 40%; }
.fnav .fnavArea #logo img{ width: 100%; }
.fnav .fnavArea .tel{ float: left; width: 40%; padding: 5px 2% 0; }
.fnav .fnavArea .tel img{ width: 100%; }

.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; }
.Blockbox table{ float: left; clear: both; margin: 0; padding: 0; width: 100%; }
.Blockbox table th{ float: left; clear: both; margin: 5px 0; padding: 2%; width: 96%; background-color: #CCFFFF; }
.Blockbox table td{ float: left; clear: both; margin: 0; padding: 2%; width: 96%; }

.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; width: 94%; }
.BlockArea dl dt{ margin: 0; float: left; clear: both; width: 100%; line-height: 1.8; }
.BlockArea dl dd{ margin: 15px 0 0 15%; width: 70%; text-align: center; }
.BlockArea dl dd img{ width: 100%; }
.Blockbox p{ word-wrap:break-word; }
.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%;
	font-size: 120%;
	color: #FFF;
	letter-spacing: 0px;
	overflow : hidden;
}
#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;
	background: url(../images/contents/icon03.png) no-repeat 6px 10px;
//	padding: 15px 0 15px 30px;
	padding: 5px 0 5px 30px;
}
#subMenu ul li a:hover{
//	background: url(../images/contents/icon03.png) no-repeat 6px 20px #CCC;
	background: url(../images/contents/icon03.png) no-repeat 6px 10px #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: 100%; 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: 0%; border-bottom: 4px solid #D5D5D6; padding: 0 0 5px 0; font-weight: bold; font-size: 120%; letter-spacing: 2px; }

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

.cTbox {
width: 96%;
	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; }

.photoLeft { margin: 30px 0 15px 0; float: left; clear: both; width: 100%; }
.photoLeft img{ width: 40%; }

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%; }

.photoRight { margin: 30px 5px 15px 5px; float: left; clear: both; width: 100%; }
.photoRight img{ width: 40%; }

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: 10px 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 0 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%; }

.ifrm-container { width: 98%; height: 100px; overflow: auto; -webkit-overflow-scrolling: touch; display: inline-block; }
.ifrm { width: 100%; height: 100%; border: none; display: block; }
}

/***************************************
/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:320px){
}

/***************************************
/* スマートフォン 横(ランドスケープ)単独 */

@media only screen and (min-width: 321px)
	and (max-width: 1000px){

#subMenu ul li a{
	text-decoration: none;
	display: block;
	background: url(../images/contents/icon03.png) no-repeat 6px 10px;
	padding: 5px 0 5px 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

}