/******************************************************
	初期設定
******************************************************/

body{
	color:#444;
	font-family:TsukuGoPr5-R, Verdana, Meiryo, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "ＭＳ Pゴシック", Osaka, sans-serif;
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.9;
	background:#f7f6f1;
	box-sizing:border-box;
	
}

dl, dt, dd, ul, li, h1, h2, h3, p, div{
	font-size:100%;
	font-weight:normal;
	margin:0px;
	padding:0px;
	list-style:none;
	font-weight:normal
}

ol li{
	list-style:decimal;
	margin-left:1em;
}


img{
	border:0px;
}
p{
	margin-bottom:1em;	
}
/* リンク設定 */
a:link {
	color: #595757;
	text-decoration: none;
}
a:visited {
	color: #595757;
	text-decoration: none;
}
a:hover {
	color: #595757;
	text-decoration: none;
}
a:active {
	color: #595757;
	text-decoration: none;
}
a:focus {
	color: #595757;
	text-decoration: none;
}

/* リンク設定：文字を白 */
#footer a:link,
#floatMenu a:link {
	color: #fff;
}
#footer a:visited,
#floatMenu a:visited {
	color: #fff;
}
#footer a:hover,
#floatMenu a:hover {
	color: #fff;
}
#footer a:active,
#floatMenu a:active {
	color: #fff;
}
#footer a:focus,
#floatMenu a:focus {
	color: #fff;
}


#container{
	text-aling:center;
	box-sizing:border-box;
}
#wrapper{
	width:1000px;
	margin:0px auto;
	padding:75px;
	text-aling:left;
	background:#fff;
}

/* 共通 フロートクリア */
#header ul:after,
.requestSP:after,
.requestBox .boxTelWeb:after,
#floatMenu:after,
#menu:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/* 共通 明朝系 */
#header dl dt,
.shrCon .titleLimage h2,
#top-head.fixed .logo,
#top-head .logo{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* メニュー ハンバーガーSP */
.inner {
    width: 980px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */
#top-head {
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 30px 0 0;
    line-height: 1;
    z-index: 999;
}
#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;
}
#top-head .inner {
    position: relative;
}
#top-head .logo {
    float: left;
    font-size: 36px;
}
#global-nav ul {
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
}
#global-nav ul li {
    float: left;
}
#global-nav ul li a {
    padding: 0 30px;
}
 
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 10px;
    height: 55px;
    background: #fff;
    background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
    font-size: 24px;
    color: #333;
}
#top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 0 20px;
}
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

/* ハンバーガーメニュー ここまで */



/******************************************************
	共通関係
******************************************************/

/* テキスト用スタイル */
.markerY {
	background: linear-gradient(transparent 0%, #fff100 0%);
}


/* ヘッダー */
#header ul{
	padding:10px;
}
#header ul li{
	font-size:90%;
	width:50%;
	float:left;
	text-align:center;
}

#header ul li span{
	padding:5px;
}

#header dl{
	padding:30px 0px;
/*
	background:url(/images/img_title_bg.png) 50% 50% no-repeat;
*/

}
#header dl dt,
#header dl dd{
	text-align:center;
}
#header dl dt{
	font-size:5em;
	color:#e5006b;
	line-height:1em;
}
#header dl dt.under{
	font-size:3em;
}
#header dl dd{
	margin:10px auto;
}

/* フッター */
#footer dl{
	color:#fff;
	padding:30px;
	text-align:center;
	background:#ff657c;
}

/* メニュー */
#menu{
	margin-bottom:50px;
    position:relative;
}

#menu div{
	width:48%;
	margin:5px;
	padding:20px;
	float:left;
	box-sizing:border-box;
	border:5px solid #f7f7f7;
}

#menu a:before {
    display: block;
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    left: 20px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
}


/* PC/SP/Responsive 問い合わせ */
.requestPC{

	margin:50px 0px 50px 0px;
	text-align:center;

}
.requestPC span{
	font-size:1.2em;
	display:block;
	margin:10px 0px;
}
.requestPC div{

	font-size:1.5em;
	color:#fff;
	width:80%;
	margin:0px auto;
	padding:15px;
	text-align:center;
	box-sizing:border-box;
	background:#e5006b url(/images/list_01.png) 50px 50% no-repeat;
	background-size:auto 25%;
	
}

/* PC/SP 問い合わせ */
.requestSP{

	margin:20px 0px 40px 0px;
	padding:10px;
	border:3px #E5E5E5 solid;
	box-sizing:border-box;
	
}
.requestSP span{
	font-size:1em;
	text-align:center;
	display:block;
	margin:10px 0px;
}

/* SP 問い合わせ フロート */
#floatMenu{

    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #fff;
    z-index: 9999;

}

.requestSP div,
#floatMenu div{
	font-size:0.8em;
	font-weight:bold;
	color:#fff;
	width:50%;
	padding:15px;
	text-align:center;
	float:left;
	box-sizing:border-box;
	background:#e5006b url(/images/list_01.png) 10px 50% no-repeat;
	background-size:auto 25%;
	border:1px solid #fff;
}

.lineAdd{
	border:3px solid #77f377;
	margin:20px 0px 0px 0px;
}
.lineAdd div{
	font-size:20px;
	width:100%;
	padding:5px 0px 15px 0px;
	background:#4ecd00;
	position:relative;
}
.lineAdd div span{
	display:inline;
	padding-right:10px;
	position:relative;
	top:8px;
}
#floatMenu div.lineAddFL{
	font-size:20px;
	width:100%;
	padding:8px;
	background:#4ecd00;
	position:relative;
}
#floatMenu div.lineAddFL span{
	padding-right:10px;
	position:relative;
	top:8px;
}

/* 電話番号＋問い合わせボタン レスポンシブ対応 */
.requestBox{
	width:75%;
	margin:20px auto 40px auto;
	padding:30px;
	text-align:center;
	border:3px solid #E5E5E5;
}

.requestBox .boxTelWeb div{
	width:50%;
	float:left;
}
.requestBox .boxTelWeb div.tel{
	font-size:2.5em;
	font-weight:bold;
	line-height:0.5em;
	position:relative;
}
.requestBox .boxTelWeb div.tel span{
	font-size:0.4em;
	font-weight:normal;
}
.requestBox .boxTelWeb div.tel span.icon{
	padding-right:10px;
	position:relative;
	top:10px;
}
.requestBox .boxTelWeb div.web p{
	font-size:1.2em;
	font-weight:bold;
	color:#3e3a39;
	width:100%;
	margin:0px;
	padding:15px;
	text-align:center;
	box-sizing:border-box;
	background:#fabe00 url(/images/list_01.png) 30px 50% no-repeat;
	background-size:auto 25%;

	border-radius: 4px;
	box-shadow: 0 3px 0 #c5a200;
	text-shadow: 0 1px 1px rgba(240, 131, 0, .3);


}





/* 共通フレーム */
.shrCon{
	padding:10px 0px 0px 0px;
}

.shrCon .titleLimage h2{
	font-size:200%;
	line-height:1.5;
	margin:30px auto;
	text-align:center;
	
}
.shrCon .titleL h2{
	font-size:150%;
	font-weight:bold;
	color:#fff;
	margin-bottom:20px;
	padding:10px 10px 7px 20px;
	background:#ff657c;
}

.shrCon .titleM h3{
	color:#67442c;
	font-size:130%;
	font-weight:bold;
	margin-bottom:20px;
	padding:10px 0px 8px 20px;
	background:#f9f3f5;
}

.shrCon .titleM span{
	color:#e5006b;
	font-size:85%;
	font-weight:normal;
	line-height:100%;
	padding:15px;
}

.shrCon .titleWhats{
	color:#67442c;
	font-size:130%;
	font-weight:bold;
	margin-bottom:20px;
	padding:10px 0px 8px 20px;
	background:#f9f3f5;
}

.shrCon dd{
	margin-bottom:50px;
}

.shrCon dd ul.whatsNew{
	margin-bottom:30px;
}

.shrCon dd ul.whatsNew li{
	font-size:130%;
	margin-bottom:10px;
	padding:10px 10px;
	border-bottom:1px solid #aaa;
}

.shrCon dd ul.whatsNew li span{
	padding-right:30px;
}

.shrCon dd.leadArea{
	margin-bottom:30px;
	padding-bottom:30px;
	text-align:center;
	border-bottom:1px solid #FFE9E9;
}

.titleS{
	font-size:120%;
	color:#e5006b;
	font-weight:bold;
	margin-bottom:5px;
}

ul.shrLinkBoxA{
	margin:10px auto;
	padding:20px 20px 5px 20px;
	border:#fce2c4 1px solid;
	background:#fffaf1;
}

ul.shrLinkBoxA li{
	font-size:95%;
	margin-bottom:5px;
	padding:0px 0px 5px 20px;
	background:url(../image/shr_cons_bg.gif) no-repeat 0px 0px;
}

ul.shrLinkBoxA li span{
	font-size:110%;
	color:#eb6100;
	font-weight:bold;
	padding-right:5px;
}

.shrCon ul.shrLinkBoxA li{
	font-size:115%;
	margin-bottom:5px;
	padding:0px 0px 10px 20px;
	background:url(../image/shr_cons_bg.gif) no-repeat 0px 0px;
}


/* カラム 画像＋テキスト */
.imgTxtFr{display:table; margin-bottom:15px;}
.imgTxtFr .imgArea, .imgTxtFr .txtArea{display:table-cell; text-align:left; vertical-align:top;}
.imgTxtFr .imgArea{margin-top:0px; text-align:center;}
.imgTxtFr .imgArea p{margin:0px !important;}
.imgTxtFr .txtArea{width:100%;}

.imgRT{direction:rtl;}
.imgRT *{direction:ltr;}
.imgRT .imgArea{padding-left:15px;}
.imgLF .imgArea{padding-right:15px;}

.imgFloat{display:block;}
.imgFloat .floatLF{float:left; margin:0px 15px 10px 0px; font-size:68.75%; text-align:center;}
.imgFloat .floatRT{float:right; margin:0px 0px 10px 15px; font-size:68.75%; text-align:center;}
.imgFloat .floatLF img, .imgFloat .floatRT img{margin-bottom:3px;}

/* Start for IE Hack */
* html .imgRT .imgArea{float:right;}
*+html .imgRT .imgArea{float:right;}
* html .imgLF .imgArea{float:left;}
*+html .imgLF .imgArea{float:left;}
* html .imgTxtFr .txtArea{width:auto;}
*+html .imgTxtFr .txtArea{width:auto;}
* html .imgTxtFr .imgArea{width:expression(this.getElementsByTagName("img")[0].clientWidth);}
*+html .imgTxtFr .imgArea{width:expression(this.getElementsByTagName("img")[0].clientWidth);}

/* フロートクリア */
.imgTxtFr{min-height:0px;}
.imgTxtFr:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
/* \*/
*html .imgTxtFr{height:1px; overflow:visible;}
.imgTxtFr{display:block;}

/* フロートクリア */
.imgFloat{min-height:0px;}
.imgFloat:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
/* \*/
*html .imgFloat{height:1px; overflow:visible;}
.imgFloat{display:block;}


/* 2カラムフレーム */
.shrSP2column{
	overflow: hidden;
	margin-bottom:20px;
}
.shrSP2column div.child{
	float: left;
	width: 48%;
	padding:15px;
	box-sizing:border-box;
	margin-right: 2% !important;
	border:5px solid #f7f7f7;
}
.shrSP2column div.child p{
	margin-bottom:10px !important;
}
.shrSP2column div.child h3{
	text-align:center;
	padding:10px;

}


/* 共通テーブル */

.shrTblA, .shrTblA th, .shrTblA td{
	padding:10px;
	border: 1px solid #ffccd4;
}
.shrTblA{
	margin-bottom:10px;
	border-collapse: collapse;
	width:100%;
}
.shrTblA thead th{
	color:#FFFFFF;
	text-align:center;
	background-color:#ff657c;
}
.shrTblA th{
	color:#ff657c;
	background-color:#ffeef1;
}


/* 共通リスト */
.listA{
	margin:5px 0px 10px 0px;
}
.listB{
	margin:5px 0px 10px 0px;
	padding:20px;
	border:1px solid #e1e1e1;
	background:#f7f8f8;
}

.listA li,
.listB li{
	margin:0px 0px 5px 30px;
	padding-left:10px;
	list-style:disc;
}
.listA li span,
.listB li span{
	font-weight:bold;
	padding-right:10px;
}

.listB li{
	margin:0px 0px 5px 30px;
	padding-left:10px;
	list-style:disc;
}
.listB li span{
	padding-right:10px;
}

.listC{
	margin:5px 0px 10px 0px;
}
.listC div{
	font-weight:bold;
	margin:20px 0px 10px 0px;
	padding-bottom:5px;
	text-align:center;
	border-bottom:5px solid #ffc8d0;
}

/* よくある質問 */
dl.question dt {
	background: #444; /* 「Q」タイトルの背景色 */
	color: #fff; /* 「Q」タイトルの文字色 */
	padding: 10px 20px;
	border-radius: 2px;
}
dl.question dt:before {
	content: "Q.";
	font-weight: bold;
	font-size:150%;
	margin-right: 8px;
}
dl.question dd {
	padding: 10px 20px;
	line-height: 140%;
}
dl.question dd:before {
	content: "A.";
	font-weight: bold;
	font-size:150%;
	margin-right: 8px;
}


.shrBtnD{
	width:100%;
	margin:10px auto 20px auto;
}
.shrBtnD a{
	font-size:16px;
	text-align:center;
	width:90%;
	display:block;
	margin:0px auto !important;
	padding:12px 5px;
	box-sizing:border-box;
	position: relative;
	background-color: #e5006b;
	border-radius: 4px;
	color: #fff;
	box-shadow: 0 3px 0 #b90056;
	text-shadow: 0 1px 1px rgba(240, 131, 0, .3);
}
.shrBtnD a:hover {
	background-color: #cb005f;
}
.shrBtnD a:active {
	top: 3px;
	box-shadow: none;
}

.btnM{

	width:30%;	
	
}

/* リストボタン */
.shrBtnE,
.shrBtnF,
.shrBtnSchool,
.shrFrm3C{
	width:100%;
	margin-bottom:15px;
}
.shrBtnE li,
.shrBtnF li,
.shrBtnSchool li,
.shrFrm3C li{
	width:230px;
	margin:5px !important;
	padding:15px 0px;
	text-align:center;
	position:relative;
	float:left;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
.shrBtnE li a,
.shrBtnF li a,
.shrBtnSchool li a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.shrBtnE li{
	background-color: #f08300;
	border-radius: 4px;
	color: #fff;
	box-shadow: 0 3px 0 #aa5b00;
	text-shadow: 0 1px 1px rgba(240, 131, 0, .3);
}
.shrBtnE li:hover{
	background-color: #e17a00;
}
.shrBtnE li:active {
	top: 3px;
	box-shadow: none;
}

.shrBtnF li{
	border:3px solid #eee;
}
.shrBtnF li:hover{
	border:3px solid #f08300;
}

.shrBtnSchool li{
	font-size:15px;
	padding:15px 5px;
	border:3px solid #f3981c;
}
.shrBtnSchool li:hover{
	border:3px solid #ff7815;
}

.shrFrm3C p{
	font-size:18px;
	margin-top:10px;	
}


/* 電話・資料請求スタイル 13/05/09 tanaka */
.shrFrRqBox{text-align:center;}
.shrFrRq{width:520px; margin:30px auto 30px auto; padding:15px 0px 15px 15px; border:5px #efefef solid;}
.shrFrRq dt, .shrFrRq dd{margin-right:5px !important; float:left;}

/* フォーム用スタイル 2014/01/28 tanaka */
.formWide{font-size:110%;}
.formWide th, .formWide td{padding:10px 5px 10px 15px; vertical-align:middle;}

.formWide th{width:28%; padding-left:65px; text-align:left;}
.formWide th.check{padding-left:15px !important;}
.formWide td{width:72%;}

.formWide th.iconMustOn{background:url(/secure/images/icon_must_on.png) no-repeat 10px center #fefdf5;}
.formWide th.iconMustOff{background:url(/secure/images/icon_must_off.png) no-repeat 10px center #fefdf5;}
.formWide th.col1{color:#fff; text-align:center; background:#e8a14c;}

.formWide td span{padding:0px 3px 0px 10px;}
.formWide td label{padding:0px 10px 0px 0px;}
.formWide td ul, .formWide td ul li{list-style:none;}
.formWide td ul li{margin-bottom:5px; padding-bottom:5px; border-bottom:1px #f0dcc4 dotted;}
.formWide td ul li.lineNone{margin-bottom:0px; padding-bottom:0px; border-bottom:none;}

.formWide td ul.school{margin-bottom:10px;}
.formWide td ul.school li{width:33%; float:left;}
.formWide td div{margin-bottom:10px; padding:2px 0px 2px 5px; background:#eee;}

/* Input Design Style */
.formWide td input[type=text],
.formWide td input[type=text].sizeS,
.formWide td textarea,
.formWide td select{
padding:5px;
border:1px #bbb solid;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: inner 1px 1px 3px rgba(0, 0, 0, 0.2);

}
.formWide td input[type=text]{width:250px;}
.formWide td input[type=text].sizeS{width:150px;}
.formWide td textarea{width:500px; height:100px;}
.formWide td select{width:300px;}
.selectArea{padding:10px; background:#eee;}
.formButton{margin:30px 0px; text-align:center;}

/* ご注意（フォームで使用） */
.shrInfo{line-height:140%; padding:15px 20px; background:#fffbed; border:1px #f5efd8 solid;}
.shrInfo dt{font-weight:bold; margin:0px 0px 10px 0px;}
.shrInfo dd{margin:0px;}
.shrInfo dd ul{margin:5px 0px;}
.shrInfo dd li{margin-bottom:5px;list-style:none;}