@charset "utf-8";

/* HTML5 RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, ins, kdb, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
ul, ol { list-style: none; }
blockquote q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
img { border: 0; vertical-align: bottom; font-size: 100%; outline: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCC; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }


/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* for Dreamweaver */
.clearfix {overflow:hidden;}
/* end Dreamweaver */



/*ボディ全体*/
body {
	font-size: 13px ;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*font-size: 13px;
    
	margin: 0px;
	padding: 0px;
	line-height: 161.6%;
}

/*イメージ*/
img {
	max-width:100%;
	height: auto;
	vertical-align:bottom;
}
/*colorbox　IE8対策 */
#cboxLoadedContent img {
	max-width: none !important;
}

/*イメージ：オーバーで透明*/
img:hover.imgOpacity {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	behavior: url("/wp-content/themes/isurftemp/js/PIE.htc");/*CSS3 PIE*/
}

/*文字サイズ・装飾*/
strong { font-size: 100%; font-weight: bold;}
small {font-size: 93%;}
.red	{ color: #F00 !important; }	.red { color: #af1e29 !important; }
.blue	{ color: #00F !important; }
.green	{ color: #090 !important; }
.navy	{ color: #036 !important; }
.orange	{ color: #F60 !important; }
.gray	{ color: #888 !important; }

.lineH18 { line-height: 138.5% !important; }
.lineH24 { line-height: 182% !important;}

.txtLeft	{ text-align: left;}
.txtCenter	{ text-align: center;}
.txtRight	{ text-align: right;}
.txtSmall	{ font-size: 93%; line-height:123.1%; }
.txtSmall2	{ font-size: 85%; line-height:116%; }
.txtKome	{ margin-left: 1em; text-indent: -1em; }
.txtIndent1	{ text-indent: 1em; }
.txtBig		{ font-size: 116% !important; }
.txtBig2	{ font-size: 197% !important; }
.txtStrong	{ font-weight: bold; }
.txtNormal	{ font-weight: normal; }
.verticalT	{ vertical-align: top; }
.verticalM	{ vertical-align: middle; }

/*リスト*/
ul.disc { list-style: disc;}
ul.circle { list-style: circle; }
ul.square{ list-style: square; }
ul.decimal { list-style: decimal;}
ul.katakana { list-style: katakana;}
ul.lower-alpha { list-style: lower-alpha; }
ul.upper-alpha { list-style: upper-alpha; }
ul.upper-roman { list-style: upper-roman; }

ul.disc li,ul.circle li,ul.square li,ul.decimal li,ul.lower-alpha li,ul.upper-alpha li,ul.upper-roman li {
	margin-bottom: 10px;
	margin-left:2em;
	text-indent:0;
}

/*リスト：トップページ最新情報用*/
dl.infoList dt{
	font-size: 108%;
	font-weight: bold;
	margin-bottom:5px;
	overflow: hidden;
	_zoom:1;
}
dl.infoList dd{
	padding-bottom: 5px;
	margin-bottom: 10px;
	overflow: hidden;
	_zoom:1;
}
dl.infoList img {
	float: right;
	margin-left: 10px;
	overflow: hidden;
	_zoom:1;
}

/*リスト：投稿記事一覧用*/
.blogList {
	overflow: hidden;
	_zoom:1;
}
.blogList img {
	float: right;
	margin-left: 10px;
	overflow: hidden;
	_zoom:1;
}

/*アイコン付きリスト*/
dl.iconList dt{
	background: url(../images/icon/blue/10_01.png) no-repeat left -2px;
	line-height: 21px;
	padding-left: 30px;
	
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 10px;
}
dl.iconList dd{
	background: url(../images/icon/red/10_02.png) no-repeat left -2px;
	line-height: 21px;
	padding-left: 30px;
	border-bottom: 1px dotted #DDD;
	
	padding-bottom: 5px;
	margin-bottom: 10px;
}

/*テーブル基本*/
table {
	font-size: 100%;
	line-height: 138.5%;
	border-collapse: collapse;
}
th {
	text-align: center;
	padding: 5px;
	font-weight: bold;
	vertical-align: middle;
}
td {
	text-align: left;
	padding: 5px;
	vertical-align: middle;
}

caption {
	font-size: 116%;
	line-height: 25px;
	padding-left: 30px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
}

/*フォーム*/
input[type="text"] { font-size: 100%; width: 40%; }
textarea { font-size: 108%; width: 85%; }
input.long { width: 85%; }
input.short { width: 8em; }
input.w2em { width: 2em; }

/*その他*/
.clearBoth { clear: both;}
.anchor { display: block; }
.nowrap { white-space:nowrap; }
.pngIE6 {}
.photoBox {}
.accordion {}


/*nivoSlider用*/
#slider{
	width:100%;
	height:auto;
}

/*電話リンク用*/
.calling_tel { cursor: pointer; }


/*フロート*/
.fL { float:left; display: inline; overflow: hidden; _zoom:1; }
.fR { float: right; display: inline; overflow: hidden; _zoom:1; }

/*マージン*/
.mt5  { margin-top:  5px !important; }
.mt5  { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }

.mb0  { margin-bottom:  0px !important; }
.mb5  { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }

.mr10 { margin-right: 1.51% !important; }
.mr15 { margin-right: 2.27% !important; }
.mr20 { margin-right: 3.03% !important; }
.mr30 { margin-right: 4.54% !important; }
.mr40 { margin-right: 6.06% !important; }
.mr50 { margin-right: 7.57% !important; }

.ml10 { margin-left: 1.51% !important; }
.ml15 { margin-left: 2.27% !important; }
.ml20 { margin-left: 3.03% !important; }
.ml30 { margin-left: 4.54% !important; }
.ml40 { margin-left: 6.06% !important; }
.ml50 { margin-left: 7.57% !important; }

.contentsWrap .mr10 { margin-right: 1.11% !important; }
.contentsWrap .mr20 { margin-right: 2.22% !important; }
.contentsWrap .mr30 { margin-right: 3.33% !important; }

.contentsWrap .ml10 { margin-left: 1.51%;}
.contentsWrap .ml20 { margin-left: 3.03%;}
.contentsWrap .ml30 { margin-left: 4.54%;}

.contentsWrap .ml10 { margin-left: 1.11% !important;}
.contentsWrap .ml20 { margin-left: 2.22% !important;}
.contentsWrap .ml30 { margin-left: 3.33% !important;}

.mRLauto { margin-left: auto; margin-right:auto; }


/*横幅*/
.w960 { width:100%; max-width: 960px; margin-left: auto; margin-right: auto; }

/*横幅 660pxを基準に計算*/
.w100 { width:15.15%; max-width:100px; min-width:100px; }
.w110 { width:16.66%; max-width:110px; min-width:100px; }
.w120 { width:18.18%; max-width:120px; min-width:100px; }
.w130 { width:19.69%; max-width:130px; min-width:100px; }
.w140 { width:21.21%; max-width:140px; min-width:100px; }
.w150 { width:22.72%; max-width:150px; min-width:100px; }
.w160 { width:24.24%; max-width:160px; min-width:100px; }
.w170 { width:25.75%; max-width:170px; min-width:100px; }
.w180 { width:27.27%; max-width:180px; min-width:100px; }
.w190 { width:28.78%; max-width:190px; min-width:100px; }
.w200 { width:30.3%; max-width:200px; min-width:100px; }
.w210 { width:31.81%; max-width:210px; min-width:100px; }
.w220 { width:33.33%; max-width:220px; min-width:100px; }
.w230 { width:34.84%; max-width:230px; min-width:100px; }
.w240 { width:36.36%; max-width:240px; min-width:100px; }
.w250 { width:37.87%; max-width:250px; min-width:100px; }
.w260 { width:39.39%; max-width:260px; min-width:100px; }
.w270 { width:40.9%; max-width:270px; min-width:100px; }
.w280 { width:42.42%; max-width:280px; min-width:100px; }
.w290 { width:43.93%; max-width:290px; min-width:100px; }
.w300 { width:45.45%; max-width:300px; min-width:100px; }
.w310 { width:46.96%; max-width:310px; min-width:100px; }
.w320 { width:48.48%; max-width:320px; min-width:100px; }
.w330 { width:50%; max-width:330px; min-width:100px; }
.w340 { width:51.51%; max-width:340px; min-width:100px; }
.w350 { width:53.03%; max-width:350px; min-width:100px; }
.w360 { width:54.54%; max-width:360px; min-width:100px; }
.w370 { width:56.06%; max-width:370px; min-width:100px; }
.w380 { width:57.57%; max-width:380px; min-width:100px; }
.w390 { width:59.09%; max-width:390px; min-width:100px; }
.w400 { width:60.6%; max-width:400px; min-width:100px; }
.w410 { width:62.12%; max-width:410px; min-width:100px; }
.w420 { width:63.63%; max-width:420px; min-width:100px; }
.w430 { width:65.15%; max-width:430px; min-width:100px; }
.w440 { width:66.66%; max-width:440px; min-width:100px; }
.w450 { width:68.18%; max-width:450px; min-width:100px; }
.w460 { width:69.69%; max-width:460px; min-width:100px; }
.w470 { width:71.21%; max-width:470px; min-width:100px; }
.w480 { width:72.72%; max-width:480px; min-width:100px; }
.w490 { width:74.24%; max-width:490px; min-width:100px; }
.w500 { width:75.75%; max-width:500px; min-width:100px; }
.w510 { width:77.27%; max-width:510px; min-width:100px; }
.w520 { width:78.78%; max-width:520px; min-width:100px; }
.w530 { width:80.3%; max-width:530px; min-width:100px; }
.w540 { width:81.81%; max-width:540px; min-width:100px; }
.w550 { width:83.33%; max-width:550px; min-width:100px; }
.w560 { width:84.84%; max-width:560px; min-width:100px; }

.w660 { width:100%; max-width: 660px; margin-left: auto; margin-right: auto; }

/*横幅 900pxを基準に計算*/
.contentsWrap .w100 { width:11.11%; max-width:100px; min-width:100px;  !important}
.contentsWrap .w110 { width:12.22%; max-width:110px; min-width:100px;  !important}
.contentsWrap .w120 { width:13.33%; max-width:120px; min-width:100px;  !important}
.contentsWrap .w130 { width:14.44%; max-width:130px; min-width:100px;  !important}
.contentsWrap .w140 { width:15.55%; max-width:140px; min-width:100px;  !important}
.contentsWrap .w150 { width:16.66%; max-width:150px; min-width:100px;  !important}
.contentsWrap .w160 { width:17.77%; max-width:160px; min-width:100px;  !important}
.contentsWrap .w170 { width:18.88%; max-width:170px; min-width:100px;  !important}
.contentsWrap .w180 { width:20%; max-width:180px; min-width:100px;  !important}
.contentsWrap .w190 { width:21.11%; max-width:190px; min-width:100px;  !important}
.contentsWrap .w200 { width:22.22%; max-width:200px; min-width:100px;  !important}
.contentsWrap .w210 { width:23.33%; max-width:210px; min-width:100px;  !important}
.contentsWrap .w220 { width:24.44%; max-width:220px; min-width:100px;  !important}
.contentsWrap .w230 { width:25.55%; max-width:230px; min-width:100px;  !important}
.contentsWrap .w240 { width:26.66%; max-width:240px; min-width:100px;  !important}
.contentsWrap .w250 { width:27.77%; max-width:250px; min-width:100px;  !important}
.contentsWrap .w260 { width:28.88%; max-width:260px; min-width:100px;  !important}
.contentsWrap .w270 { width:30%; max-width:270px; min-width:100px;  !important}
.contentsWrap .w280 { width:31.11%; max-width:280px; min-width:100px;  !important}
.contentsWrap .w290 { width:32.22%; max-width:290px; min-width:100px;  !important}
.contentsWrap .w300 { width:33.33%; max-width:300px; min-width:100px;  !important}
.contentsWrap .w310 { width:34.44%; max-width:310px; min-width:100px;  !important}
.contentsWrap .w320 { width:35.55%; max-width:320px; min-width:100px;  !important}
.contentsWrap .w330 { width:36.66%; max-width:330px; min-width:100px;  !important}
.contentsWrap .w340 { width:37.77%; max-width:340px; min-width:100px;  !important}
.contentsWrap .w350 { width:38.88%; max-width:350px; min-width:100px;  !important}
.contentsWrap .w360 { width:40%; max-width:360px; min-width:100px;  !important}
.contentsWrap .w370 { width:41.11%; max-width:370px; min-width:100px;  !important}
.contentsWrap .w380 { width:42.22%; max-width:380px; min-width:100px;  !important}
.contentsWrap .w390 { width:43.33%; max-width:390px; min-width:100px;  !important}
.contentsWrap .w400 { width:44.44%; max-width:400px; min-width:100px;  !important}
.contentsWrap .w410 { width:45.55%; max-width:410px; min-width:100px;  !important}
.contentsWrap .w420 { width:46.66%; max-width:420px; min-width:100px;  !important}
.contentsWrap .w430 { width:47.77%; max-width:430px; min-width:100px;  !important}
.contentsWrap .w440 { width:48.88%; max-width:440px; min-width:100px;  !important}
.contentsWrap .w450 { width:50%; max-width:450px; min-width:100px;  !important}
.contentsWrap .w460 { width:51.11%; max-width:460px; min-width:100px;  !important}
.contentsWrap .w470 { width:52.22%; max-width:470px; min-width:100px;  !important}
.contentsWrap .w480 { width:53.33%; max-width:480px; min-width:100px;  !important}
.contentsWrap .w490 { width:54.44%; max-width:490px; min-width:100px;  !important}
.contentsWrap .w500 { width:55.55%; max-width:500px; min-width:100px;  !important}
.contentsWrap .w510 { width:56.66%; max-width:510px; min-width:100px;  !important}
.contentsWrap .w520 { width:57.77%; max-width:520px; min-width:100px;  !important}
.contentsWrap .w530 { width:58.88%; max-width:530px; min-width:100px;  !important}
.contentsWrap .w540 { width:60%; max-width:540px; min-width:100px;  !important}
.contentsWrap .w550 { width:61.11%; max-width:550px; min-width:100px;  !important}
.contentsWrap .w560 { width:62.22%; max-width:560px; min-width:100px;  !important}
.contentsWrap .w570 { width:63.33%; max-width:570px; min-width:100px;  !important}
.contentsWrap .w580 { width:64.44%; max-width:580px; min-width:100px;  !important}
.contentsWrap .w590 { width:65.55%; max-width:590px; min-width:100px;  !important}
.contentsWrap .w600 { width:66.66%; max-width:600px; min-width:100px;  !important}
.contentsWrap .w610 { width:67.77%; max-width:610px; min-width:100px;  !important}
.contentsWrap .w620 { width:68.88%; max-width:620px; min-width:100px;  !important}
.contentsWrap .w630 { width:70%; max-width:630px; min-width:100px;  !important}
.contentsWrap .w640 { width:71.11%; max-width:640px; min-width:100px;  !important}
.contentsWrap .w650 { width:72.22%; max-width:650px; min-width:100px;  !important}
.contentsWrap .w660 { width:73.33%; max-width:660px; min-width:100px;  !important}
.contentsWrap .w670 { width:74.44%; max-width:670px; min-width:100px;  !important}
.contentsWrap .w680 { width:75.55%; max-width:680px; min-width:100px;  !important}
.contentsWrap .w690 { width:76.66%; max-width:690px; min-width:100px;  !important}
.contentsWrap .w700 { width:77.77%; max-width:700px; min-width:100px;  !important}
.contentsWrap .w710 { width:78.88%; max-width:710px; min-width:100px;  !important}
.contentsWrap .w720 { width:80%; max-width:720px; min-width:100px;  !important}
.contentsWrap .w730 { width:81.11%; max-width:730px; min-width:100px;  !important}
.contentsWrap .w740 { width:82.22%; max-width:740px; min-width:100px;  !important}
.contentsWrap .w750 { width:83.33%; max-width:750px; min-width:100px;  !important}
.contentsWrap .w760 { width:84.44%; max-width:760px; min-width:100px;  !important}
.contentsWrap .w770 { width:85.55%; max-width:770px; min-width:100px;  !important}
.contentsWrap .w780 { width:86.66%; max-width:780px; min-width:100px;  !important}
.contentsWrap .w790 { width:87.77%; max-width:790px; min-width:100px;  !important}
.contentsWrap .w800 { width:88.88%; max-width:800px; min-width:100px;  !important}

.contentsWrap .w900 { width:100%; max-width: 900px; margin-left: auto; margin-right: auto; }


/*横メインメニュー用CSS追加*/
.toggleMenu {
	padding-left:20px;
	background: url(../images/icon/white/icon_menu.png) no-repeat left 12px;
	text-decoration: none;
	height:40px;
	line-height:40px;
}

.btnPlus {
	position: absolute !important;
	z-index:200 !important;
	width:1em !important;
	height:1em !important;
	background: none !important;
	text-decoration: none !important;
	font-weight: bold !important;
	border: none !important;
	-webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
}

/*サイドメインメニュー用CSS追加*/
.btnPlus2 {
	position: absolute !important;
	z-index:200 !important;
	width:1em !important;
	height:1em !important;
	background: none !important;
	text-decoration: none !important;
	font-weight: bold !important;
	border: none !important;
	-webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
}

/* google map */
.gmap {
	position: relative;
	padding-bottom: 75%; // これが縦横比
	height: 0;
	overflow: hidden;
}
 
.gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

span.wpcf7-list-item { display: block; }