@charset "UTF-8";




/*
==================================================
スライドコンテンツ
==================================================
*/
.content-slide {
	background-color: #0C365C;
	width: 740px;
	margin: 30px auto;
	padding: 30px 51px 20px;
}

/*
========== title ==========
*/
.sec_slides {
	margin-bottom: 20px;
}
.sec_slides h2 {
	background: url(../img/bg_sprites_slider_head.jpg) no-repeat;
	width: 740px;
	height: 120px;
}
h2.hdg_sirius {
	background-position: 0 0;
}
h2.hdg_eagle {
	background-position: 0 -120px;
}
h2.hdg_columbus {
	background-position: 0 -240px;
}
h2.hdg_mublogger {
	background-position: 0 -360px;
}
/*h2.hdg_planetes {
	background-position: 0 -480px;
}*/
h2.hdg_zepping {
	background-position: 0 -480px;
}
h2.hdg_furaijin {
	background-position: 0 -600px;
}
h2.hdg_utility {
	background-position: 0 -720px;
}
h2.hdg_material {
	background-position: 0 -840px;
}
h2.hdg_service {
	background-position: 0 -960px;
}

/* カルーセル：slides */
.area_slides {
	background-color: #333333;
	padding: 10px 9px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	width: 720px;
	position: relative;	/* 左右ボタン位置基準 */
}
.bxslider {
	width: 720px;
	height: 350px;
	overflow: hidden;	/* JS未実装時の確認用とclearfix */
}
.bxslider li {
	float: left;
	width: 720px;
	height: 350px;
}
/*スライド画像を1pxの白線を含まずに用意する場合
.bxslider li {
	float: left;
	border: 1px solid #ffffff;
	overflow: hidden;
}
.bxslider img {
	margin: -1px;
	
}*/

/* カルーセル左右ボタン */
/*.bx-controls-direction a {
	background: url(../img/bg_sprites_parts.png) no-repeat;
	display: block;
	width: 10px;
	height: 95px;
	position: absolute;
	top: 131px;
	z-index: 5;
	
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.bx-controls-direction a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}*/
.bx-controls-direction a {
	background: url(../img/bg_sprites_parts.png) no-repeat;
	display: block;
	width: 10px;
	height: 95px;
	position: absolute;
	top: 131px;
	z-index: 5;
	
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.active .bx-controls-direction a {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}








.bx-controls-direction .bx-prev {
	background-position: 0 0;
	left: 10px;
}
.bx-controls-direction .bx-next {
	background-position: -10px 0;
	right: 10px;
}

/* カルーセルインジケーター */
.bx-pager {	/*clearfix*/
	margin: 10px 0 0 -144px;
}

.bx-pager4block {	/*clearfix*/
	margin: 10px 0 0 -180px;
}

.bx-pager4blockhack {
	content: ".";
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

.bx-pager a {
	display: block;
	float: left;
	width: 144px;
	height: 173px;
	background: url(../img/bg_sprites_slider_navi.jpg) no-repeat;
}

.bx-pager4block a {
	display: block;
	float: left;
	width: 180px;
	height: 173px;
	background: url(../img/bg_sprites_slider_navi.jpg) no-repeat;
}

/*
========== button navi ==========
*/
.cover {
	visibility: hidden;
}

/* シリウス */
a.btn_sirius_slide01 {
	background-position: 0 0;
}
.btn_sirius_slide01:hover,
.btn_sirius_slide01.active {
	background-position: 0 -173px;
}
a.btn_sirius_slide02 {
	background-position: -144px 0;
}
.btn_sirius_slide02:hover,
.btn_sirius_slide02.active {
	background-position: -144px -173px;
}
a.btn_sirius_slide03 {
	background-position: -288px 0;
}
.btn_sirius_slide03:hover,
.btn_sirius_slide03.active {
	background-position: -288px -173px;
}
a.btn_sirius_slide04 {
	background-position: -432px 0;
}
.btn_sirius_slide04:hover,
.btn_sirius_slide04.active {
	background-position: -432px -173px;
}
a.btn_sirius_slide05 {
	background-position: -576px 0;
}
.btn_sirius_slide05:hover,
.btn_sirius_slide05.active {
	background-position: -576px -173px;
}

/* イーグルアイ */
a.btn_eagle_slide01 {
	background-position: 0 -346px;
}
.btn_eagle_slide01:hover,
.btn_eagle_slide01.active {
	background-position: 0 -519px;
}
a.btn_eagle_slide02 {
	background-position: -144px -346px;
}
.btn_eagle_slide02:hover,
.btn_eagle_slide02.active {
	background-position: -144px -519px;
}
a.btn_eagle_slide03 {
	background-position: -288px -346px;
}
.btn_eagle_slide03:hover,
.btn_eagle_slide03.active {
	background-position: -288px -519px;
}
a.btn_eagle_slide04 {
	background-position: -432px -346px;
}
.btn_eagle_slide04:hover,
.btn_eagle_slide04.active {
	background-position: -432px -519px;
}
a.btn_eagle_slide05 {
	background-position: -576px -346px;
}
.btn_eagle_slide05:hover,
.btn_eagle_slide05.active {
	background-position: -576px -519px;
}

/* コロンブス */
a.btn_columbus_slide01 {
	background-position: 0 -692px;
}
.btn_columbus_slide01:hover,
.btn_columbus_slide01.active {
	background-position: 0 -865px;
}
a.btn_columbus_slide02 {
	background-position: -144px -692px;
}
.btn_columbus_slide02:hover,
.btn_columbus_slide02.active {
	background-position: -144px -865px;
}
a.btn_columbus_slide03 {
	background-position: -288px -692px;
}
.btn_columbus_slide03:hover,
.btn_columbus_slide03.active {
	background-position: -288px -865px;
}
a.btn_columbus_slide04 {
	background-position: -432px -692px;
}
.btn_columbus_slide04:hover,
.btn_columbus_slide04.active {
	background-position: -432px -865px;
}
a.btn_columbus_slide05 {
	background-position: -576px -692px;
}
.btn_columbus_slide05:hover,
.btn_columbus_slide05.active {
	background-position: -576px -865px;
}

/* マルチブロガー */
a.btn_mublogger_slide01 {
	background-position: 0 -1038px;
}
.btn_mublogger_slide01:hover,
.btn_mublogger_slide01.active{
	background-position: 0 -1211px;
}
a.btn_mublogger_slide02 {
	background-position: -144px -1038px;
}
.btn_mublogger_slide02:hover,
.btn_mubloggers_slide02.active {
	background-position: -144px -1211px;
}
a.btn_mublogger_slide03 {
	background-position: -288px -1038px;
}
.btn_mublogger_slide03:hover,
.btn_mublogger_slide03.active {
	background-position: -288px -1211px;
}
a.btn_mublogger_slide04 {
	background-position: -432px -1038px;
}
.btn_mublogger_slide04:hover,
.btn_mublogger_slide04.active {
	background-position: -432px -1211px;
}
a.btn_mublogger_slide05 {
	background-position: -576px -1038px;
}
.btn_mublogger_slide05:hover,
.btn_mublogger_slide05.active {
	background-position: -576px -1211px;
}

/* プラテネス */
a.btn_planetes_slide01 {
	background-position: 0 -1384px;
}
.btn_planetes_slide01:hover,
.btn_planetes_slide01.active{
	background-position: 0 -1557px;
}
a.btn_planetes_slide02 {
	background-position: -144px -1384px;
}
.btn_planetes_slide02:hover,
.btn_planetes_slide02.active {
	background-position: -144px -1557px;
}
a.btn_planetes_slide03 {
	background-position: -288px -1384px;
}
.btn_planetes_slide03:hover,
.btn_planetes_slide03.active {
	background-position: -288px -1557px;
}
a.btn_planetes_slide04 {
	background-position: -432px -1384px;
}
.btn_planetes_slide04:hover,
.btn_planetes_slide04.active {
	background-position: -432px -1557px;
}
a.btn_planetes_slide05 {
	background-position: -576px -1384px;
}
.btn_planetes_slide05:hover,
.btn_planetes_slide05.active {
	background-position: -576px -1557px;
}

/* zepping */
a.btn_zepping_slide01 {
	background-position: 0 -1730px;
}
.btn_zepping_slide01:hover,
.btn_zepping_slide01.active {
	background-position: 0 -1903px;
}
a.btn_zepping_slide02 {
	background-position: -144px -1730px;
}
.btn_zepping_slide02:hover,
.btn_zepping_slide02.active {
	background-position: -144px -1903px;
}
a.btn_zepping_slide03 {
	background-position: -288px -1730px;
}
.btn_zepping_slide03:hover,
.btn_zepping_slide03.active {
	background-position: -288px -1903px;
}
a.btn_zepping_slide04 {
	background-position: -432px -1730px;
}
.btn_zepping_slide04:hover,
.btn_zepping_slide04.active {
	background-position: -432px -1903px;
}
a.btn_zepping_slide05 {
	background-position: -576px -1730px;
}
.btn_zepping_slide05:hover,
.btn_zepping_slide05.active {
	background-position: -576px -1903px;
}

/* 風神・雷神 */
a.btn_furaijin_slide01 {
	background-position: 0 -2076px;
}
.btn_furaijin_slide01:hover,
.btn_furaijin_slide01.active {
	background-position: 0 -2249px;
}
a.btn_furaijin_slide02 {
	background-position: -144px -2076px;
}
.btn_furaijin_slide02:hover,
.btn_furaijin_slide02.active {
	background-position: -144px -2249px;
}
a.btn_furaijin_slide03 {
	background-position: -288px -2076px;
}
.btn_furaijin_slide03:hover,
.btn_furaijin_slide03.active {
	background-position: -288px -2249px;
}
a.btn_furaijin_slide04 {
	background-position: -432px -2076px;
}
.btn_furaijin_slide04:hover,
.btn_furaijin_slide04.active {
	background-position: -432px -2249px;
}
a.btn_furaijin_slide05 {
	background-position: -576px -2076px;
}
.btn_furaijin_slide05:hover,
.btn_furaijin_slide05.active {
	background-position: -576px -2249px;
}

/* コンテンツ */
a.btn_material_slide01 {
	background-position: 0 -2422px;
}
.btn_material_slide01:hover,
.btn_material_slide01.active {
	background-position: 0 -2595px;
}
a.btn_material_slide02 {
	background-position: -180px -2422px;
}
.btn_material_slide02:hover,
.btn_material_slide02.active {
	background-position: -180px -2595px;
}
a.btn_material_slide03 {
	background-position: -360px -2422px;
}
.btn_material_slide03:hover,
.btn_material_slide03.active {
	background-position: -360px -2595px;
}
a.btn_material_slide04 {
	background-position: -540px -2422px;
}
.btn_material_slide04:hover,
.btn_material_slide04.active {
	background-position: -540px -2595px;
}



















/*
==================================================
チェックリスト
==================================================
*/
.content-checklist {
	background-color: #0C365C;
	width: 800px;
	margin: 30px auto;
	padding: 30px 21px 40px;
}
.sec-checklist {
	background: url(../img/bg-texture01.jpg);
	padding: 0 10px 10px 10px;
	width: 780px;
}
.sec-checklist h2 {
	margin: 0 -10px 2px -10px;
}
.sec-checklist ul {
	border: 1px solid #cccccc;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	background-color: #ffffff;
	padding: 30px 39px 39px 39px;
}
.sec-checklist li {
	background: url(../img/bg-checklist.jpg) left center no-repeat;
	border-bottom: 1px solid #ddd;
	padding: 13px 0 13px 45px;
	font-size: 115%;
	line-height: 1.7;
	font-weight:bold;
}












/*
==================================================
よくあるご質問
==================================================
*/
.content-qa {
	background-color: #0C365C;
	width: 800px;
	margin: 30px auto 0 auto;
	padding: 30px 21px 40px;
}
.sec-qa {
	background: url(../img/bg-texture01.jpg);
	padding: 29px 29px 9px 29px;
	width: 740px;
	border: 1px solid #fff;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.sec-qa h2 {
	text-align: center;
	margin-bottom: 29px;
}
.mod-qa {
	border: 1px solid #cccccc;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	background-color: #ffffff;
	padding: 25px 30px 25px 30px;
	margin-bottom: 20px;
}
.mod-qa h3 {
	background: url(../img/bg-q.jpg) left center no-repeat;
	padding: 17px 0 17px 68px;
	font-size: 143%;
	line-height: 1.5;
}
.mod-answer {
	background: url(../img/bg-a.jpg) left top no-repeat;
	padding-left: 68px;
	margin-top: 10px;
	min-height: 84px;
}
.mod-answer p {
	line-height: 1.8;
	margin-bottom: 1em;
}


/*
==================================================
特定商取引法に関する表記
==================================================
*/

#hyouki_body{
	width:850px;
	margin:0 auto;
	padding:20px;	
}


#hyouki_body h1{
	background-image:url(../img/h1.png);	
	color:#FFF;
	font-size:22px;
	line-height:65px;
	padding:0 30px;
	margin-top:20px;
}