@charset "utf-8";
/*
Theme Name: tpl_003_rwd
Theme URI: http://theme.o2gp.com/
Description: tpl_003_rwd
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: simple

	o2 Group v1.0
	 http://theme.o2gp.com/

	This theme was designed and built by o2 Group,
	whose blog you will find at http://theme.o2gp.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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;}

ol, 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:#000;
font-size:small;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
background:#000;
/*background:#f1f1f1;*/
-webkit-text-size-adjust:100%;
}


/* リンク設定
------------------------------------------------------------*/
a {color: #333/*#00a0e9*/; text-decoration: none;}
a:hover{ color: #006699;}
a:active, a:focus { outline: 0;}


/* フォーム
------------------------------------------------------------*/
input, textarea{
vertical-align:middle;
max-width:90%;
line-height:24px;
height:24px;
padding:1px 5px;
border:1px solid #ccc;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background:#00a0e9;
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
height:auto;
font-size:110%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background:#006699;
cursor:pointer;
}


/* 全体
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
padding:0 1%;
width:98%;
position:relative;
background:#fff;
}

.inner{
margin:0 auto;
width:100%;
}


/*************
/* ヘッダー
*************/
header h1 { margin: 0 10px;}
#header { height: 110px;}
#header h1 { padding: 10px; font-size: 12px; font-weight: normal; background: red;}


/*************
/* ロゴ
*************/
.logo { float: left; margin-left: 10px;}
.logo p { float: left;}
.logo img { float: left; width: auto; padding:0 5px 0 10px;}
.logo span{display:block;}


/*************
/* 電話番号
*************/
.info { float: right; padding-right: 20px; text-align: right;}
.info .open { font-size: 1.1em;}


/*************
/* ロゴ+電話番号
*************/
.logo,
.info .tel { color: #f33 !important; font-size: 24px; font-weight: bold;}
.logo span,
.info span { color: #333; font-size: .6em; font-weight: normal;}
.info .tel,
.info .tel a { color: #f33 !important;}


/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
margin:17px auto;
padding:0;
width:100%;
position:relative;
line-height:0;
z-index:0;
}

#mainBanner img{
max-width:100%;
height:auto;
border:4px solid #ebebeb;
}

.slogan{
position:absolute;
max-width:100%;
height:auto;
bottom:10px;
left:10px;
padding:5px 10px;
line-height:1.4;
color:#fff;
background-color:rgba(0,0,0,0.4);
}

.slogan h2{
padding-bottom:5px;
font-size:20px;
}


/**************************
/* グリッド
**************************/
.gridWrapper{
clear:both;
padding-bottom:20px;
overflow:hidden;
}

* html .gridWrapper{height:1%;}
	
.grid{
overflow:hidden;
background:#fff;
border:1px solid #ebebeb;
}

.box{
margin:0 5px;
padding:10px;
}

.box img{
max-width:100%;
height:auto;
border:4px solid #ebebeb;
}

.box h3{padding:10px 0 5px;}

.box h3, .box p{text-align:left;}

.box p.readmore{
padding:10px 5px 5px;
text-align:right;
}



/*************
メイン コンテンツ
*************/
section.content article{
padding:20px;
margin-bottom:20px;
border:1px solid #ebebeb;
overflow:hidden;
}

section.toppage article,section.content .archive{border:0;}
section.toppage{margin:0 15px;}


/* アーカイブページ */
section.content .archive{
padding:0;
border-bottom:1px dotted #ccc;
}

section.content p{margin-bottom:5px;}

h3.heading{
clear:both;
font-weight:normal;
padding:0 10px;
line-height:36px;
color:#fff;
background:url(images/heading3.png) repeat-x 0 0;
}

section.content img{
max-width:90%;
height:auto;
}

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}

.border,ul.list img{border:4px solid #ebebeb;}


/*************
/* サイドバー
*************/
#sidebar article{
clear:both;
padding:7px;
margin-bottom:20px;
border:1px solid #ebebeb;
overflow:hidden;
}

#sidebar ul{padding-top:10px;}

#sidebar li{
margin-bottom:10px;
padding-bottom:10px;
list-style:none;
border-bottom:1px dashed #ebebeb;
}

#sidebar li:last-child{
border:0;
margin-bottom:0px;
}

#sidebar li a{display:block;}

ul.list li{
clear:both;
margin-bottom:5px;
padding:5px 0;
overflow:hidden;
}

ul.list li{height:1%;}

ul.list li img{
float:left;
margin-right:10px;
}

ul.list li{
font-size:12px;
line-height:1.35;
}


/*************
/* フッター
*************/
#footer{
clear:both;
overflow:hidden;
padding:10px 10px 20px 10px;
background:#e8e8e8;
}

* html #footer{height:1%;}

#footer .grid{
float:left;
padding:10px 0 5px;
margin:0;
background:transparent;
}

#footer #info .logo, #footer #info .info{float:none;}

#footer #info .info{
clear:both;
padding:10px 0 0 15px;
text-align:left;
}

#footer .logo{font-size:18px;}

#footer .info .tel,
#footer .info .tel span,
#footer #info .open { font-size: 12px;}

ul.footnav{
float:right;
width:620px;
padding:10px 0;
}
ul.footnav ul{display:none;}

ul.footnav li{
float:left;
margin-bottom:10px;
padding:0 10px 0 8px;
border-right:1px solid #b6b6b6;
}

#footer a{color:#333;}

#footer a:hover{color:#888;}

#copyright{
clear:both;
padding:5px;
text-align:center;
font-style:normal;
font-size:12px;
color:#fff;
background:#333;
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
display: none;
clear:both;
width:100%;
height:30px;
margin:5px 0 20px;
}

.prev{float:left}
.next{float:right;}

#pageLinks{
clear:both;
text-align:center;
}


/* タイポグラフィ
*****************************************************/
.dateLabel{
margin:0 0 10px;
text-align:right;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.post p{padding-bottom:15px;}

.post ul{margin:0 0 10px 10px;}

.post ul li{
margin-bottom:5px;
padding-left:15px;
background:url(images/bullet.png) no-repeat 0 8px;
}

.post ol{margin:0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1{
margin:20px 0;
padding:5px 0;
font-size:170%;
color:#000;
border-bottom:3px solid #00a0e9;
}

.post h2 { margin: 10px 0; padding-bottom: 2px; font-size: 130%; font-weight: normal; color: #333 !important; border-bottom: 2px solid #666/*#00a0e9*/;}

.post h3 { margin:10px 0; font-size: 120%; font-weight: normal; color: #333 !important; border-bottom: 1px solid #666/*#00a0e9*/;}

.post h3.telH3 { margin-bottom: 20px; padding: 0 0 15px; vertical-align: bottom;}
.post h3 span { display: block; float: right; margin-right: 10px; color: #f33; font-size: 160%; font-weight: bold;}

.post blockquote{
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

.post table{
border-collapse:collapse;
margin:5px auto 15px auto;
}

.post table td{
border-collapse:collapse;
background-color:#f9f9f9;
text-align:left;
padding:8px;
border:1px solid #d6d6d6;
line-height:20px;
}

.post table th{
background-color:#f5f5f5;
text-align:right;
padding:8px;
white-space:nowrap;
color:#151515;
border-top:1px solid #d4d4d4;
border-right:4px solid #d4d4d4;
border-bottom:1px solid #d4d4d4;
border-left:1px solid #d4d4d4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
}


.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;}

img.aligncenter{
display:block;
margin:5px auto;
}

img.alignright, img.alignleft{
padding:4px;
margin:0 0 2px 7px;
display:inline;
}

img.alignleft{margin:0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float:left;}


/* PC用
------------------------------------------------------------*/
@media only screen and (min-width:960px){
	nav div.panel{
	display:block !important;
	float:left;
	}

	a#menu{display:none;}
	
  nav#mainNav{
	padding:0 14px;
	clear:both;
	height:60px;
	z-index:200;
	position:relative;
	background:url(images/topnavBg.png);
	}

	nav#mainNav ul li{
	float:left;
	position:relative;
	}
	nav#mainNav li:last-child{border-right:1px solid #ebebeb;}

	nav#mainNav ul li a{
	display:block;
	text-align:center;
	_float:left;
	font-size:13px;
	width:154px;
	height:40px;
	padding-top:20px;
	color:#333;
	background:url(images/topnavSep.png);
	border-left:1px solid #ebebeb;
	}

	nav#mainNav ul li#menu-item-2105 a { background: #37c7b5 !important;}

	nav#mainNav ul li a span,nav#mainNav ul li a strong{display:block;}

	nav#mainNav ul li a span{
	display: none;
	color:#f90;
	font-size:10px;
	}
	
	nav#mainNav ul ul{width:160px;}
	nav#mainNav ul li ul{display:none;}

	nav#mainNav ul li:hover ul{
	display:block;
	position:absolute;
	top:58px;
	left:-2px;
	z-index:500;
	}
	
	nav#mainNav ul li li{
	margin:0;
	float:none;
	width:160px;
	border:0;
	}
  nav#mainNav li li:last-child{border:0;}
	
	nav#mainNav ul li li a{
	width:auto;
	height:auto;
	padding:10px;
	font-size:95%;
	text-align:left;
	border:0;
	}

	nav#mainNav ul li li span{padding:0 10px;}

	nav#mainNav ul li li a:hover,nav#mainNav ul li li.current-menu-item a{color:#fff;}
	
	nav#mainNav li.current-menu-item li a{
	background-position:0 0;
	color:#333;
	}

	nav#mainNav li.current-menu-item a,
	nav#mainNav li a:hover,
	nav#mainNav li.current-menu-item li a:hover{
	color:#fff;
	background-position:0 -60px;
	}


	nav#mainNav #menu-item-1980.current-menu-item a,
	nav#mainNav #menu-item-1980 a:hover,
	nav#mainNav #menu-item-1980.current-menu-item li a:hover{
	background:url(images/topnavSep_ma.png);
	background-position:0 -60px;
	}
	nav#mainNav #menu-item-2251.current-menu-item a,
	nav#mainNav #menu-item-2251 a:hover,
	nav#mainNav #menu-item-2251.current-menu-item li a:hover{
	background:url(images/topnavSep_cue.png);
	background-position:0 -60px;
	}

	
	#mainBanner{margin-left:15px;}

	#wrapper,.inner{
	width:960px;
	padding:0;
	}
	
	#wrapper{padding-bottom:20px;}
	
	#main{
	float:right;
/*	width:717px;*/
	width: 930px;
	padding:15px 15px 15px 0;
	}
	
	#sidebar{ display: none;
	float:left;
	width:195px;
	padding:15px 0 15px 15px;
	overflow:hidden;
	}
	
	/* グリッド全体 */
	.gridWrapper{
	display:table;
	border-collapse:separate;
	border-spacing:20px;
	}
	
	/* グリッド */
	.grid{
	width:300px;
	display:table-cell;
	}
}


@media only screen and (max-width:959px){
	*{
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
         -o-box-sizing:border-box;
        -ms-box-sizing:border-box;
            box-sizing:border-box;
	}
	
	nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #f5f5f5), color-stop(0.5, #f0f0f0), color-stop(0.00, #f7f7f7));
	background:-webkit-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
	background:-moz-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
	background:-o-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
	background:-ms-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
	background:linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
  border:1px solid #e4e4e4;
	}

	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	font-weight:bold;
	text-align:left;
	}

	nav#mainNav a#menu span{padding-left:10px;}
	nav#mainNav > a span:before{content:"→ ";}
	nav#mainNav a.menuOpen span:before{content:"↓ ";}

	nav#mainNav a#menu:hover{cursor:pointer;}

	nav .panel{
	display:none;
	width:100%;
	position:relative;
	right:0;
	top:0;
	z-index:1;
	}
	
	nav#mainNav ul{margin:0;padding:0;}

  nav#mainNav ul li{
	float:none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	nav#mainNav ul li:first-child{border-top:1px solid #e4e4e4;}
	nav#mainNav ul li li:first-child{border-top:0;}

	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display:block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dashed #ccc;
	}

	nav#mainNav ul li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border-bottom:1px dashed #e4e4e4;}

 	nav#mainNav ul li a span{display:none;}
 
	nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
	color:#006699;
	}

	nav#mainNav ul li li{
	float:left;
	border:0;
	}

	nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
	padding-left:40px;
	background:url(images/sub1.png) no-repeat 20px 18px;
	}

	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{background:url(images/sub1.png) no-repeat 20px -62px;}

	nav#mainNav ul li li:last-child a{background:url(images/subLast.png) no-repeat 20px 20px;}
	nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:url(images/subLast.png) no-repeat 20px -65px;}

	nav div.panel{float:none;}
	
	#main{padding-top:15px;}
	section.toppage{margin:0;}
	#sidebar{padding-bottom:15px;}
	#sidebar article{padding:7px 8px;}
	
	#footer .grid,#footer ul.footnav{float:none;width:100%;text-align:center;}
	ul.footnav li{float:none;display:inline-block;}
	
	.grid{width:100%;margin:10px 0;}
	.box p.readmore{text-align:left;}
	.box img{max-width:180px;float:left;margin:0 10px 10px;}
	
	.box h3{padding-top:0;}

	#footer .grid img,#footer .info{float:none;}
	#footer .grid p{display:block;}
	#footer #info .info{float:none;text-align:center;}
	#footer.logo,#footer .info{width:100%;float:none;}
	#footer .logo p{float:none;display:block;	}
	#footer .logo img{float:none;padding:0;}
}

@media only screen and (max-width:640px){
	#header{height:auto;padding-bottom:20px;}
	
	#header h1,
	.logo,
	.info{text-align:center;}
	
	.logo,
	.info { clear: both; width:100%; float: none;}
	
	.logo p{float:none;display:block;}
	.logo img{float:none;padding:0;}

  .alignleft,.alignright{float:none;display:block;margin:0 auto 10px;}
}

@media only screen and (max-width:480px){
	.box img{max-width:100px;}
	#mainBanner h2,#mainBanner p{font-size:80%;}
}



/* common/
============================================================================================= */
.clr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clr { display: inline-block;}

/* Hides from IE-mac \*/
* html .clr { height: 1%;}
.clr { display: block;}
/* End hide from IE-mac */



h1#hdrH1 { padding-top: 5px; font-size: 12px !important; letter-spacing: -0.05em; line-height: 2;}
h1#hdrH1 a { font-weight: bold; font-size: 13px !important;}
.movCo { width: 320px; margin: 20px auto 40px;}


.tCo { margin: 0 auto 15px; padding: 20px 15px; letter-spacing: 0.05em;}
.tCo a { text-decoration: underline;}
.tCo.mt { margin-top: 25px;}
.tCo.mbn { margin-bottom: 0;}
.tCo.mb { margin-bottom: 40px;}

.tCo.t1 { color: #fff; background: #000;}
.tCo.t1 a { color: #fff;}
.tCo.t12 { color: #fff; background: #F16900;}
.tCo.t13 { color: #fff; background: #090;}

.tCo.t2 { color: #000; background: #fff; border: 1px solid #ccc;}
.tCo.t22 { color: #000; background: #fff; border: 1px solid #A09A10;}
.tCo.t23 { color: #000; background: #fff; border: 3px double #ccc;}
.tCo.t24 { color: #000; background: #fff; border: 3px double #A09A10;}

.tCo.t3 { color: #000; padding: 15px 10px; border-top: 5px solid #21FE8B; border-bottom: 5px solid #21FE8B; background: #fafafa;}
.tCo.t32 { color: #000; border-top: 3px double #6501B1; border-bottom: 3px double #6501B1;}
.tCo.t33 { color: #000; border-top: 8px solid #6501B1;}

.tCo.w1 { width: 93%;}
.tCo.t2.w1,
.tCo.t22.w1 { width: 93%;}
.tCo.t23.w1,
.tCo.t24.w1 { width: 93%;}

.tCo.w2 { width: 500px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;/* box-shadow: 0 3px 5px 0 #ccc;*/}
.tCo.t2.w2,
.tCo.t22.w2 { width: 498px;}
.tCo.t23.w2,
.tCo.t24.w2 { width: 498px;}

.tCo.w3 { width: 330px;}
.tCo.t2.w3,
.tCo.t22.w3 { width: 398px;}
.tCo.t23.w3,
.tCo.t24.w3 { width: 394px;}

.tCo.bg1 { background: #ff0;}
.tCo.bg2 { background: #AAAAAAff0;}

.tCo .f0 { font-size: 30px;}
.tCo .f1 { font-size: 26px;}
.tCo .f2 { font-size: 20px;}
.tCo .f22 { font-size: 18px;}
.tCo .f3 { font-size: 16px;}

.tCo .c { color: #039; margin-left: 10px; font-weight: bold !important;}
.tCo .cr,
.cr { color: #f33;}

.tCo .co { color: #EC6500/*#f60*/;}
.tCo .cg { color: #090;}
.tCo .cb { color: #06c;}

.tCo p { margin: 0 !important; padding: 0 !important; text-align: center;}
.tCo .tl { text-align: left;}
.tCo .b { margin-left: 10px;}
.tCo .p { color: #065EB4; font-size: 30px; background: none;}
.tCo .lh { line-height: 2.5;}
.tCo .ls { letter-spacing: -0.05em;}
.tCo .mb { margin-bottom: 20px !important;}
.tCo .mtb { margin: 20px 0;}

.tCo .ci1 { margin-left: 5px; padding: 4px 0 0 60px; text-align: left; background: url(images/common/icon/check_icon1.png) no-repeat 0 1px;}
.tCo .ci2 { margin-left: 5px; padding: 5px 0 5px 50px; text-align: left; background: url(images/common/icon/check_icon2.png) no-repeat 0 1px;}

.tCo .pl { float: left; margin: 0 15px 0 0;}
.tCo .pl img { padding: 2px; border: 1px solid #ccc;}
.tCo .pl.bn img { padding: 0; border: none;}
.tCo .pr { float: right; margin: 0 0 0 15px;}
.tCo .pr img { padding: 2px; border: 1px solid #ccc;}
.tCo .pr.bn { padding: 0; border: none;}

.tCo .p2Tb { width: 100%; margin-bottom: 15px;}
.tCo .p2Tb td { width: 50%;}
.tCo .p2Tb img { padding: 2px; border: 1px solid #ccc;}


.sm p { text-align: center;}
.sm img { vertical-align: bottom;}
.sm a:hover img { opacity: 0.6; filter: alpha(opacity = 60);}


section.content .pImg { margin: 0; padding: 0; text-align: center;}
section.content .pImg.mt { margin-top: 20px;}
section.content .pImg img { max-width: 100%; vertical-align: bottom;}


.planCo { clear: both; margin-bottom: 40px;}
.planCo.mbn { margin-bottom: 15px;}
.planCo p { margin: 0; padding: 0;}
.planCo div { float: left; width: 680px;}
section.content .planCo img { max-width: 100%; vertical-align: bottom;}
.planCo img.mr { margin-right: 10px;}
.planCo a { display: inline; margin: 0; padding: 0;}
.planCo a:hover img { opacity: 0.8; filter: alpha(opacity = 80);}
.planCo .p { float: left; width: 180px; margin-right: 10px;}

/*.planCo.planCo2 { margin-bottom: 20px;}
.planCo.planCo2 .p.ctr { float: none; margin: 0 auto 20px;}
.planCo.planCo2 .p.ctr img { vertical-align: bottom;}*/


.planCo .btn.ml { margin-left: 10px;}
.planCo .btn.mlr { margin: 0 10px;}
.planCo .btn.vt img { vertical-align: top;}


.planCo table { width: 100%; margin: 0; padding: 0;}
.planCo table td { padding: 10px 15px; vertical-align: middle;}

.planCo table .t { font-size: 18px; font-weight: normal; line-height: 1.4;}
.planCo table .t .t2 { font-size: 11px;}
.planCo table .t3 { padding: 5px 0; font-size: 15px; font-weight: normal; line-height: 1.4; text-align: center; letter-spacing: -0.05em; background: #FFEDA4;}
.planCo table .price { font-size: 15px; line-height: 1.4;}
.planCo table .price .e { margin-left: 10px; color: #f33; font-size: 30px;}

.planCo table .tel { font-size: 15px;}
.planCo table .tel span,
.planCo table .tel span a { color: #f33; font-size: 18px;}
.planCo table .mail { font-size: 15px;}


.planCo table .txt { margin: 15px 0 0 0; font-size: 15px;}
.planCo table .txt img { vertical-align: middle;}

.planCo table .click { margin-left: 148px; font-size: 16px; font-weight: bold;}
.planCo table .plus { margin-left: 10px;}
.planCo table .plus img { vertical-align: top;}
.planCo table .plusTxt { font-size: 20px;}

.planCo table .txtBtn { font-size: 16px; font-weight: bold;}
.planCo table .txtBtn img { margin-left: 10px; vertical-align: middle;}

/*.planCo table .gfTd {}*/
.planCo table .gfBg { display: block; padding: 5px; background: #E8FFF2;}

.post .dlTb { width: 80%; margin-bottom: 5px;}
.post .dlTb.mb { margin-bottom: 50px;}
.post .dlTb th,
.post .dlTb td { border: 1px solid #666; text-align: center; vertical-align: middle;}
.post .dlTb th { width: 65%; font-size: 16px;}
.post .dlTb td { width: 35%;}
.post .dlTb img { vertical-align: bottom;}
.post .dlTb a:hover img { opacity: 0.6; filter: alpha(opacity = 60);}
.post .dlTxt { margin-bottom: 40px; text-align: center;}
.post .dlTxt span { color: #f33;}


.post .worksTb { width: 100%; margin-bottom: 40px;}
.post .worksTb td { width: 50%; text-align: center; border: 1px solid #666;}


.wallCo { margin: 10px 0 0;}
.wallBox { float: left; width: 200px; margin-right: 15px;}
.wallBox dl { height: 110px;}
section.content .wallBox p { margin: 0 0 10px; padding: 0; text-align: center;}
section.content .wallBox img { max-width: 100%; vertical-align: bottom;}
.wallBox a:hover img { opacity: 0.7; filter: alpha(opacity = 70);}


section.content .mainImg img { max-width: 100%; vertical-align: bottom;}


.ichiranBtn { width: 300px; margin: 40px auto !important; padding: 0 !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 3px 10px 0 #999;}
.ichiranBtn a { display: block; padding: 10px 0; color: #fff !important; font-size: 18px; font-weight: bold; letter-spacing: 0.1em; text-shadow: 1px 1px 1px #000; text-align: center;}
.ichiranBtn a:hover { text-decoration: underline;}
.ichiranBtn.bd1 { background: linear-gradient(#000, #333); border: 0px solid #ccc;}


@media only screen and (max-width: 480px){
.logo { margin-left: 0;}

.tCo .c { display: block; margin-left: 0;}

.tCo .f2,
.tCo .f3 { font-size: 16px; text-align: left;}

.planCo .btn.vt { display: block; margin: 5px 0 10px; vertical-align: bottom;}
.planCo div { float: none; width: 100%;}
.planCo .p { float: none; width: 180px; margin: 0 auto 10px; padding: 0;}
.planCo table .price .e { font-size: 20px;}
/*.planCo table .txtBtn img { margin-left: 0;}*/

.wallCo { margin: 10px 0 0;}
.wallBox { width: 150px; margin: 0 10px 0 0;}

.post .dlTb { width: 100%; margin-top: 10px;}
.post .dlTb th { width: 60%; font-size: 13px;}
.post .dlTb td { width: 40%;}
.post .worksTb { margin-top: 10px;}
}
@media only screen and (max-width: 320px){
.logo { margin-left: 0;}

.tCo .c { display: block; margin-left: 0;}

.tCo .f2,
.tCo .f3 { font-size: 16px; text-align: left;}

.planCo .btn.vt { display: block; margin: 5px 0 10px; vertical-align: bottom;}
.planCo div { float: none; width: 100%;}
.planCo .p { float: none; width: 180px; margin: 0 auto 10px; padding: 0;}
.planCo table .price .e { font-size: 20px;}
.planCo table .txtBtn img { display: block; margin: 10px 0 0;}

.wallCo { margin: 10px 0 0;}
.wallBox { float: none; width: 200px; margin: 0 auto;}

.post .dlTb { width: 100%; margin-top: 10px;}
.post .dlTb th { width: 60%; font-size: 13px;}
.post .dlTb td { width: 40%;}
.post .worksTb { margin-top: 10px;}
}


/* フォント
============================================================================================= */
.ts1 { color: #f33 !important; /*text-shadow: 2px 2px 2px #000;*/
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;}

.ts1.fs2 { color: #f33 !important; font-size: 25px !important;}
.ts1.fs2 { color: #f33 !important; font-size: 25px !important;}
.ts1.fs22 { color: #f33 !important; font-size: 22px !important;}
.ts1.fs23 { color: #000 !important; font-size: 24px !important;}
.ts1.fs3 { color: #f33 !important; font-size: 34px !important;}
.ts1.fs32 { color: #000 !important; font-size: 18px !important;}


/* フォーム
============================================================================================= */
.FormArea input[type="text"] { width: 70%;}
.FormArea input[type="email"] { width: 70%;}
.FormArea .label { clear: left; float: left; width: 35%;}
.FormArea .contents,
.FormArea .co2 { float: left; width: 65%;}
.FormArea .co2 .contents { width: 50% !important;}
@media only screen and (max-width: 480px){
.FormArea .co2 .contents { width: 100% !important;}
}
.FormArea .ml { margin-left: 2em;}
.FormArea .pb span span span { display: block;}
.FormArea .pb span span span span { display: inline;}
.FormArea .yuubin span:first-child input { margin-bottom: 10px; width: 10em !important;}
textarea { width: 70%;}
.hissuIcon { margin: 0 0 0 5px; padding: 2px 4px 1px; color: #fff; font-size: 11px; font-weight: bold; text-align: center; letter-spacing: 0.1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 3px 5px 0 #ccc; background: #f33;}


/* ご利用方法
============================================================================================= */
.goriyouCo p { margin: 0; padding: 0;}
.goriyouCo .pl { float: left;}
.goriyouCo .pmb { margin-bottom: 30px;}
.goriyouCo a:hover img { opacity: 0.7; filter: alpha(opacity = 70);}

.goriyouDetailBtn { line-height: 25px;}
.goriyouDetailBtn img { margin-right: 5px; vertical-align: bottom;}


/* スタジオ紹介
============================================================================================= */
.post .studioTb { width: 100%; margin: 0;}
.post .studioTb.mb { margin-bottom: 40px;}
.post .studioTb th,
.post .studioTb td { width: 50%; padding: 15px 0; font-size: 14px; text-align: center; vertical-align: middle;}
.post .studioTb img { vertical-align: bottom;}

.post .arrowBtm { margin: 0; padding: 0; text-align: center;}
.post .arrowBtm img { vertical-align: bottom;}


/* ナレーター・サンプル集
============================================================================================= */
.wallBox { position: relative; float: left;}
section.content .wallBox p { margin: 0 0 10px; padding: 0; text-align: center;}
section.content .wallBox img { max-width: 100%; vertical-align: bottom;}
.wallBox a:hover img { opacity: 0.7; filter: alpha(opacity = 70);}

.wall5Co .wallBox { width: 166px; margin: 0 12px 20px 0;}
.wall4Co .wallBox { width: 157px; margin: 0 11px 20px 0;}

.wallBox table { border-collapse: collapse;}
.wall5Co .wallBox table { width: 166px;}
.wall4Co .wallBox table { width: 157px;}
section.content .wall4Co .wallBox .i4 { width: 157px; height: 105px;}

.wallBox table th { width: 33%; font-size: 11px;}
.wallBox table td { width: 67%; font-size: 11px; background: #fff;}
.wallBox table .kaiinTd { font-size: 10px;}

.wallBox .newIcon { position: absolute; top: 0; left: 0; height: 2em; padding: 2px 4px 0; color: #fff; font-size: 10px; font-weight: bold; text-align: center; letter-spacing: 0.05em; background: #f33; z-index: 1000; border: 1px solid #f33;}
.wall5Co .wallBox .newIcon { height: 1.8em; padding: 2px 4px 0;}


@media only screen and (max-width: 480px){
.wall5Co .wallBox { width: 160px; margin: 0 0 20px 0;}
/*section.content .wall5Co .wallBox img { max-width: 100%; height: 107px;}*/
.wall5Co .wallBox table { width: 160px;}
.wall5Co .wallBox:nth-of-type(2n+0) { float: right;}

.wall4Co .wallBox { margin: 0 0 20px 0;}
.wall4Co .wallBox:nth-of-type(2n+0) { float: right;}
}


@media only screen and (max-width: 320px){
.wall5Co .wallBox:nth-of-type(2n+0) { float: left;}
.wall4Co .wallBox:nth-of-type(2n+0) { float: left;}
}


/* ナレーター詳細
============================================================================================= */
.dateLabel .newIcon { height: 2em; margin-right: 10px; padding: 2px 4px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; font-style: normal !important; letter-spacing: 0.05em; background: #f33; border: 1px solid #f33;}

.post .detailTb { width: 100%; margin-bottom: 40px;}
.detailTb th,
.detailTb td { width: 25%; vertical-align: middle;}
.detailTb td { background: #fff !important;}
.detailTb .staffTd,
.detailTb .kaiinTd { width: 75%;}
.detailTb p { margin: 0; padding: 0;}


/* スタジオ
============================================================================================= */
.studioLCo { float: left; width: 40%;}
.studioRCo { float: right; width: 60%;}


.post p.studioImg { text-align: center;}
.post div.studioImg { text-align: none;}
.studioImg img { vertical-align: bottom;}
div.studioImg p { float: left; width: 33%;}
div.studioImg img { display: block; margin: 0 auto; text-align: center; vertical-align: bottom;}
div.studioImg span { display: block; text-align: center;}

.post .engineerTb { width: 80%; margin-bottom: 40px;}
.post .engineerTb th,
.post .engineerTb td { text-align: center;}

.post .kizaiTb { width: 100%; margin-bottom: 40px;}
.kizaiTb th,
.kizaiTb td { width: 50%; white-space: nomal;}
.post .kizaiTb td { background: #E8FFF2;}
.kizaiTb .b { margin-left: 0.5em;}


@media only screen and (max-width: 480px){
.studioLCo { float: none; width: 100%;}
.studioRCo { float: none; width: 100%;}

.studioImg img { display: block; margin-bottom: 10px; vertical-align: bottom; text-align: center;}
div.studioImg p { float: none; width: 100%;}
.post .engineerTb { width: 100%;}
.kizaiTb .b { display: block; margin-left: 0;}
}


@media only screen and (max-width: 320px){
.studioImg img { display: block; margin-bottom: 10px; vertical-align: bottom; text-align: center;}
.post .engineerTb { width: 100%;}
.kizaiTb .b { display: block; margin-left: 0;}
}


/* HOME
============================================================================================= */
#lyt { margin-left: 5px; padding-top: 10px; font-size: 20px !important;}

@media only screen and (max-width: 640px){
#lyt { margin: -10px 0 0; padding-top: 0;}
}

@media only screen and (min-width: 960px){
.lCo { float: left; width: 48%;}
.rCo { float: right; width: 48%;}
}


.topTb th { text-align: left !important;}


.info .tel { color: #37c7b5 !important;}
.info .tel span { color: #000 !important;}


.narratorTd a { padding: 7px; border-bottom: 1px solid #999; border-right: 1px solid #999;}
.nmb { background: #7692FF; border-bottom:}
.nwb { background: #EBC3DB; border-bottom:}
.nfb { background: #5ec7b5; border-bottom:}
.narratorTd .cc { color: #fff; background: #f33; border-bottom:}
/*#menu-item-2209 #menu-item-2207 a { background: #7692FF/*#5ec7b5*//* !important;}
#menu-item-2209 #menu-item-2206 a { background: #EBC3DB !important;}
#menu-item-2209 #menu-item-2208 a { background: #5ec7b5 !important;}*/