@charset "UTF-8";


/* --------------------------------
	ベース・共通
-------------------------------- */

body { width:100%; background:#ededed; font-size:12px; color:#1f1f1f; }
body > img { display:none; }
#container { width:100%; }
#body { position:relative; }
a:link, a:visited { color:#1f1f1f; text-decoration:none; }
a:hover { text-decoration:none; }
a.outer { margin-right:2px; padding-right:18px; background:url(../img/outer_link_01_s.png) right center no-repeat;
-webkit-background-size:15px 12px;
-moz-background-size:15px 12px;
-ms-background-size:15px 12px;
background-size:15px 12px;
background-image:url(../img/outer_link_01_l.png)\9;/*** lte ie8 ***/
}
img { width:100%; max-width:100%; height:auto; }
img.auto { width:auto; max-width:none; }
.txt_alt span.img { display:none; }
.txt_alt span.txt { display:inline; }


/* --------------------------------
	ヘッダー
-------------------------------- */

#header .util { padding:5px 10px; }
#header .util p.logo { float:left; width:133px; padding-top:3px; line-height:1; font-size:1px;}
#header .util p.link { float:left; padding-left:15px; font-size:11px; }
#header .util p.link a { padding-left:8px; line-height:1; background:url(../img/arw_r_01_s.png) left center no-repeat; 
-webkit-background-size:6px;
-moz-background-size:6px;
-ms-background-size:6px;
background-size:6px;
background-image:url(../img/arw_r_01_l.png)\9;/*** lte ie8 ***/
}
#header .title { position:relative; background:#fff; z-index:9000; }
#header .title h1 { float:left; width:128px; height:27px; padding:12px 10px 11px; background:#fff; }
#header .title #gnav_btn { float:right; width:50px; height:50px; }
#header .title #gnav_btn a { display:block; width:50px; height:50px; text-indent:-9999px; background:url(../img/sp_nav_btn.png) left top no-repeat; }
#header .title #gnav_btn.js_opened a { background-position:left -50px; }
#header .title .social { display:none; }
#header #gnav { display:none; }

/***** スマートフォンメニュー *****/
#header #sp_nav { display:none; position:absolute; top:50px; left:0; width:100%; background:#fff; z-index:9999; }
#header #sp_nav ul { border-bottom:2px solid #a1a1a1; }
#header #sp_nav ul li { padding:1px 0; border-top:2px solid #ededed; }
#header #sp_nav ul li a { display:block; padding:10px 15px; border-width:0 0 0 7px; border-style:solid; font-size:16px; background:url(../img/sp_gnav_link_s.png) 96% center no-repeat; 
-webkit-background-size:14px;
-moz-background-size:14px;
-ms-background-size:14px;
background-size:14px;
background-image:url(../img/sp_gnav_link_l.png)\9;/*** lte ie8 ***/
}
#header #sp_nav ul li.nav_01 a { border-color:#2869eb; }
#header #sp_nav ul li.nav_02 a { border-color:#f54131; }
#header #sp_nav ul li.nav_03 a { border-color:#0fbad2; }
#header #sp_nav ul li.nav_04 a { border-color:#60c31b; }
#header #sp_nav ul li.nav_05 a { border-color:#ffb00d; }
#header #sp_nav ul li.nav_06 a { border-color:#cb4bbf; }
#header #sp_nav ul li.nav_close { padding:0; border:none; }
#header #sp_nav ul li.nav_close a { position:relative; background:#ededed; border:none; text-align:center; }
#header #sp_nav ul li.nav_close a span { padding-left:20px; background:url(../img/sp_nav_close_s.png) left 3px no-repeat;
-webkit-background-size:13px;
-moz-background-size:13px;
-ms-background-size:13px;
background-size:13px;
background:url(../img/sp_nav_close_l.png) left 0.3em no-repeat\9;/*** lte ie8 ***/
}


/* --------------------------------
	メインコンテンツ
-------------------------------- */

#main section h2 { margin-bottom:10px; padding-left:6px; font-size:18px; font-weight:bold; }

/******** 申し込みバナー ********/
aside#bnr_apply { margin-bottom:25px; text-align:center; }
aside#bnr_apply img { width:93.8%; max-width:600px; }

/******** トピックス  ********/
#main section.box_list { margin-bottom:20px; padding:0 3.1%; }
#main section.box_list .contents_list_h { line-height:1.3; }
#main section.box_list article { float:left; width:45.3%; margin-bottom:3.4%; padding:0 1.7% 1.7%; border-top:3px solid #2869eb; background:#fff; }
#main section.box_list article a { display:block; text-decoration:none; cursor:pointer; }
#main section.box_list article.odd { float:right; }
#main section.box_list article .item_h { display:table; width:93.2%; padding:3.4% 0; }
#main section.box_list article .item_h span { display:table-cell; height:4.5em; padding:0 0 0 10px; vertical-align:middle; line-height:1.3em; font-size:12px; text-decoration:none; background:url(../img/arw_r_01_s.png) left center no-repeat;
-webkit-background-size:6px 7px;
-moz-background-size:6px 7px;
-ms-background-size:6px 7px;
background-size:6px 7px;
background-image:url(../img/arw_r_01_l.png)\9;/*** lte ie8 ***/
}
*:first-child+html #main section.box_list article .item_h span { display:block; background-position:left 0.2em; }/*** ie7 ***/
#main section.box_list article span.thumbnail { padding:0 0 3.4%; text-align:center; }


/* --------------------------------
	サイド
-------------------------------- */

#side aside h2 { padding-left:8px; border-left:7px solid #c2c2c2; font-size:18px; font-weight:bold; }

/******** 申し込み ********/
#side aside#apply { display:none; }

#side aside#social_account { display:none; }
#side aside#sp_link { display:none; }

/******** 活用法 ********/
#side aside#guide { margin:0 3.1% 0px; padding:15px 0; background:#fff url(../img/denshiba_s.png) 92.8% 6px no-repeat;
-webkit-background-size:34px 40px;
-moz-background-size:34px 40px;
-ms-background-size:34px 40px;
background-size:34px 40px;
background-image:url(../img/denshiba_l.png)\9;/** lte ie8 **/
}
*:first-child+html #side aside#guide { zoom:1; }
#side aside#guide ul { margin-top:15px; text-align:center; letter-spacing:-0.4em; }
#side aside#guide ul li { margin:10px 5px 0; text-align:center; display:inline-block; letter-spacing:normal; }
*:first-child+html #side aside#guide ul li { display:inline; zoom:1; }
#side aside#guide ul li:first-child { margin-top:0; }
#side aside#guide ul li img { width:270px; }

/******** ナビゲーション ********/
#side aside#util_nav { padding:15px 3.1%; border-bottom:2px solid #ededed; }
#side aside#util_nav ul { text-align:center; }
#side aside#util_nav ul li { display:inline-block; margin:0 12px; }
*:first-child+html #side aside#util_nav ul li { display:inline; zoom:1; }
#side aside#util_nav ul li a { padding-left:12px; font-size:14px; background:url(../img/arw_r_01_s.png) left center no-repeat;
-webkit-background-size:6px 7px;
-moz-background-size:6px 7px;
-ms-background-size:6px 7px;
background-size:6px 7px;
background-image:url(../img/arw_r_01_l.png)\9;/** lte ie8 **/
}


/* --------------------------------
	フッター
-------------------------------- */

#footer { padding:0 0 13px; background:#fff; }
#footer .social { padding:25px 3.1% 5px; }
#footer .social ul li { float:left; margin:0 13px 13px 0; line-height:1; }
#footer .social ul li.twitter { float:none; width:105px; overflow:hidden; }
#footer .social ul li.gplus { margin-right:0; }
*:first-child+html .social ul li.gplus { display:none; }
#footer .copyright { width:100%; margin:0 auto; text-align: center; line-height: 1; }
#footer .copyright img { width: 60px; height: auto; }

/******** トップへ戻る ********/
.pagetop { padding:15px 0; background:#2869eb; }
.pagetop a { display:block; color:#fff; font-size:14px; text-align:center; }
.pagetop a span { padding:2px 0 2px 18px; background:url(../img/arw_t_02_s.png) left 0.3em no-repeat;
-webkit-background-size:15px;
-moz-background-size:15px;
-ms-background-size:15px;
background-size:15px;
background-image:url(../img/arw_t_02_l.png)\9;/*** lte ie8 ***/
}

/******** Google コンバージョン ********/
iframe[name='google_conversion_frame'] { display:block; width:100%; background:#fff; }





@media screen and (max-width:767px) {
	#container table th, #container table td { display:block; }
}





@media screen and (min-width:768px) {
	
/* --------------------------------
	ベース・共通
-------------------------------- */

body { font-size:100%; font-size:75%; }
#container { min-width:1000px; }
#body { width:1000px; margin:0 auto; }
#main { float:left; width:740px; padding-bottom:45px; }
#side { float:right; width:240px; font-size:114%; }
a:link, a:visited { text-decoration:underline; }
a:hover { color:#8a8a8a; text-decoration:none; }
a.fade:hover img { opacity:0.6; filter:alpha(opacity=60); display:inline-block; zoom:1; }
a.fade:hover img, x:-moz-any-link, x:default { background:#fff; }
img { width:auto; }
.txt_alt span.txt { display:none; }
.txt_alt span.img { display:inline; }


/* --------------------------------
	ヘッダー
-------------------------------- */

#header .util { padding:4px 0;}
#header .util .inner { width:1000px; margin:0 auto; position:relative; }
#header .util p.logo { width:179px; padding:3px 0 0; line-height:1; font-size:1px; }	
#header .util p.link { float:right; width:177px; padding-right:2px; text-align:right; font-size:12px; }
#header .util p.link a { padding-left:10px; text-decoration:none; background:url(../img/arw_r_01_l.png) left center no-repeat; 
-webkit-background-size:auto;
-moz-background-size:auto;
-ms-background-size:auto;
background-size:auto;
}
#header .title .inner { width:1000px; margin:0 auto; position:relative; }
#header .title h1 { width:198px; height:auto; padding:18px 20px; }
#header .title #gnav_btn { display:none; }

/***** グローバルナビ *****/
#header #gnav { display:block; margin-bottom:14px; background:url(../img/gnav_bg.png) left top repeat-x; }
#header #gnav ul { width:1002px; margin:0 auto; overflow:hidden; }
#header #gnav ul li { float:left; }
#header #gnav ul li img { width:auto; }

/***** スマートフォンメニュー *****/
#header #sp_nav { display:none; }


/* --------------------------------
	メインコンテンツ
-------------------------------- */

/******** 申し込みバナー  ********/
aside#apply { display:none; }
aside#bnr_apply { display:none; }

/******** トピックス・コンテンツ一覧  ********/
#main section.box_list { padding:0; }
#main section.box_list .contents_list_h { font-size:1px; }
#main section.box_list .inner { width:750px; margin-right:-10px; }
#main section.box_list article { float:left !important; width:220px; margin:0 10px 10px 0; padding:0 10px 10px; }
#main section.box_list article .item_h { width:210px; padding:0 0; }
*:first-child+html #main section.box_list article .item_h { padding:10px 0 0; }/*** ie7 ***/
#main section.box_list article .item_h span { padding:0 0 0 15px; background-image:url(../img/arw_r_01_l.png); font-size:114%; line-height:1.3; 
-webkit-background-size:auto;
-moz-background-size:auto;
-ms-background-size:auto;
background-size:auto;
}
*:first-child+html #main section.box_list article .item_h span { display:block; background-position:left 0.3em; }
#main section.box_list article span.thumbnail { display:block; width:220px; height:104px; padding:0 0 10px; overflow:hidden; }
#main section.box_list article span.thumbnail img { width:220px; height:auto; }


/* --------------------------------
	サイド
-------------------------------- */

#side a:hover img { opacity:0.7; filter:alpha(opacity=70); }
#side aside h2 { padding:6px 0 6px 8px; border-left:6px solid #c2c2c2; font-size:18px; font-weight:bold; line-height:1; }
*:first-child+html #side aside h2 { font-size:1px; }

#side aside#social_account { display:none; }

/******** 申し込み ********/
#side aside#apply { display:block; padding:10px 0 7px; }
#side aside#apply p.bnr { padding:0 10px 6px; }
#side aside#apply ul { margin:0 10px; }
#side aside#apply ul li { padding:8px 0; border-top:2px solid #ededed; }
#side aside#apply ul li:first-child { border:none; }
#side aside#apply ul li a { display:block; padding:0 18px; background:url(../img/arw_r_01_l.png) 5px 0.4em no-repeat; font-size:14px; }

/******** 活用法 ********/
#side aside#guide { margin:0 0 20px; padding:12px 0; background:#fff url(../img/denshiba_l.png) 192px 10px no-repeat;
-webkit-background-size:auto;
-moz-background-size:auto;
-ms-background-size:auto;
background-size:auto;
}
#side aside#guide ul { padding:0 10px; }
#side aside#guide ul li { margin:6px auto 0; text-align:center; display:block; }
*:first-child+html #side aside#guide ul li { display:block; }
#side aside#guide ul li img { width:220px; }

/******** ナビゲーション ********/
#side aside#util_nav { padding:0; background:none; }
#side aside#util_nav ul { text-align:left; }
#side aside#util_nav ul li { display:block; margin:0 0 8px 0; }
#side aside#util_nav ul li a { padding-left:12px; background:url(../img/arw_r_01_l.png) left center no-repeat;
-webkit-background-size:auto;
-moz-background-size:auto;
-ms-background-size:auto;
background-size:auto;
}


/* --------------------------------
	フッター
-------------------------------- */

#footer { padding:0; }
#footer .inner { width:1000px; margin:0 auto; }
#footer .social { display:none; }
#footer .copyright { width:100%; padding:16px 0 5px; border-top:2px solid #ededed; }
#footer .copyright small { font-size: 12px; }
#footer .copyright img { width: 82px; }
#footer .social { position:absolute; top:55px; left:50%; display:block; width:400px; margin-left:120px; padding:0; z-index:9999; }
#footer .social ul li.twitter { float:left; }

/******** トップへ戻る ********/
.pagetop { padding:0 3px 15px 0; background:none; }
.pagetop a { display:blcok; float:right; font-size:100%; color:#1f1f1f; text-decoration:none; }
.pagetop a:hover { color:#8a8a8a; }
.pagetop a span { display:block; min-height:18px; padding-left:20px; background:url(../img/arw_t_01.png) left center no-repeat; }

/******** Google コンバージョン ********/
iframe[name='google_conversion_frame'] { min-width:1000px; }

}


/* --------------------------------
	colorbox調整
-------------------------------- */

#colorbox,
#cboxWrapper { overflow: visible; }
#cboxClose { top: -40px; right: 0; width: 92px; height: 32px; background: url(/shared/lib/colorbox/images/ol_close.png) no-repeat; }
#cboxClose:hover { opacity: 0.6; background-position: 0 0; }

@media screen and (max-width:767px) {
	#cboxClose { top: -28px; right: 0; width: 68px; height: 24px; background-size: contain; }
	#cboxClose:hover { opacity: 1; }
}




/*** lte ie8 ***/
@media \0screen {
img { max-width:none !important; }
}