@charset "utf-8";

/* CSS Document */

body {
	background: #f7f7f7;
}

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

#main_cnt_wrapper {
	clear: both;
	width: 100%;
	padding: 13px 0 20px 0;
	background: #f7f7f7;
}

#main_cnt {
	width: 950px;
	margin: 0 auto;
	font-size: 12px;
	color: #666;
}

#main_cnt a {
	color: #017bb8;
	text-decoration: none;
}

#main_cnt a:hover {
	text-decoration: underline;
}

#main_cnt a:visited {
	color: #336699;
}

/* ガイド */

#guide {
	width: 948px;
	border: 1px solid #eaeaea;
	background: #fff;
	float: left;
	padding:0 0 20px 0;
}

/* トップ */

#guide_top {
	width: 948px;
	float: left;
}

#guide_top h2 {
	width: 948px;
	height: 80px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(http://i.yimg.jp/images/gyao/guide/images/guide_top.png) no-repeat 0 0;
	float: left;
}

#guide_top h1 {
	width: 715px;
	height: 85px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(http://i.yimg.jp/images/gyao/guide/images/guide_top.png) no-repeat 0 -80px;
	float: left;
}

#guide_top p.what {
	width: 233px;
	height: 85px;
	text-indent: -9999px;
	background: url(http://i.yimg.jp/images/gyao/guide/images/guide_top.png) no-repeat -715px -80px;
	float: left;
}

#guide_top p.what a {
	width: 233px;
	height: 85px;
	display: block;
	overflow: hidden;
}

#guide_top p.support {
	width: 914px;
	height: 70px;
	padding: 0 0 0 34px;
	background: url(http://i.yimg.jp/images/gyao/guide/images/guide_top.png) no-repeat 0 -165px;
	float: left;
	font-size: 12px;
	line-height: 18px;
	float: left;
}

#guide_top .lead {
	font-size: 15px;
	font-weight: bold;
}

#guide_top .btn_left {
	width: 474px;
	height: 436px;
	background: url(http://i.yimg.jp/images/gyao/guide/images/guide_top.png) no-repeat 0 -235px;
	float: left;
}

#guide_top .btn_left p.top_left {
	width: 278px;
	height: 235px;
	padding-left:196px;
	padding-top:40px;
}

#guide_top .btn_left ul {
	padding: 0 0 0 200px;
	list-style: none;
}

#guide_top .btn_left li {
	margin: 0 0 10px 0;
}

#guide_top .btn_right {
	width: 474px;
	height: 436px;
	background: url(http://i.yimg.jp/images/gyao/guide/images/guide_top.png) no-repeat -474px -235px;
	float: left;
}

#guide_top .btn_right p.top_right {
	width: 388px;
	height: 235px;
	padding-left:86px;
	padding-top:40px;
}

#guide_top .btn_right ul {
	padding: 0 0 0 100px;
	list-style: none;
}

#guide_top .btn_right li {
	margin: 0 0 10px 0;
	text-indent:-0.5em;
	line-height:130%;
}


#guide_top .btn_left2 {
	width: 335px;
	height: 436px;
	background: url(http://i.yimg.jp/images/gyao/guide/images/guide_top2.png) no-repeat 0 -40px;
	float: left;
}

#guide_top .btn_left2 p.top_left {
	width: 241px;
	height: 235px;
	padding-left:94px;
	padding-top:36px;
}

#guide_top .btn_left2 ul {
	padding: 0 0 0 94px;
	list-style: none;
}

#guide_top .btn_left2 li {
	margin: 0 0 10px 10px;
}

#guide_top .btn_center {
	width: 280px;
	height: 436px;
	background: url(http://i.yimg.jp/images/gyao/guide/images/guide_top2.png) no-repeat -335px -40px;
	float: left;
}

#guide_top .btn_center p.top_center {
	width: 241px;
	height: 235px;
	padding-left:39px;
	padding-top:36px;
}

#guide_top .btn_center ul {
	padding: 0 0 0 39px;
	list-style: none;
}

#guide_top .btn_center li {
	margin: 0 0 10px 10px;
	text-indent:-0.5em;
	line-height:130%;}

#guide_top .btn_right2 {
	width: 333px;
	height: 436px;
	background: url(http://i.yimg.jp/images/gyao/guide/images/guide_top2.png) no-repeat -615px -40px;
	float: left;
}

#guide_top .btn_right2 p.top_right {
	width: 294px;
	height: 235px;
	padding-left:39px;
	padding-top:36px;
}

#guide_top .btn_right2 ul {
	padding: 0 0 0 39px;
	list-style: none;
}

#guide_top .btn_right2 li {
	margin: 0 0 10px 10px;
}

/* テンプレート */

#guide_header {
	width: 948px;
	float: left;
}

/* ヘッダー */

#guide_header h1 {
	width: 948px;
	height: 67px;
	background: url(http://i.yimg.jp/images/gyao/guide/images/guide_head_01.gif) no-repeat;
	float: left;
}

#guide_header h2.movie {
	width: 470px;
	height: 218px;
	text-indent: -9999px;
	background: url(http://i.yimg.jp/images/gyao/guide/images/guide_head_02.gif) no-repeat;
	float: left;
}

#guide_header h2.usage {
	width: 470px;
	height: 218px;
	text-indent: -9999px;
	background: url(http://i.yimg.jp/images/gyao/guide/images/guide_head_02-2.gif) no-repeat;
	float: left;
}

#guide_header h2.outside {
	width: 470px;
	height: 218px;
	text-indent: -9999px;
	background: url(http://i.yimg.jp/images/gyao/guide/images/guide_head_02-3.gif) no-repeat;
	float: left;
}

#guide_header .header_bg {
	width: 478px;
	height: 218px;
	background: url(http://i.yimg.jp/images/gyao/guide/images/guide_head_03.gif) repeat-x;
	float: left;
}

#guide_header .header_bg p.head_ttl {
	font-size: 18px;
	color: #d00075;
	font-weight: bold;
	padding: 46px 0 0 0;
}

#guide_header .header_bg p.head_txt {
	font-size: 12px;
	line-height: 16px;
	padding: 10px 0 0 0;
}

/* メニュー */

#guide_menu {
	width: 240px;
	padding: 0 40px 20px 20px;
	float: left;
}

#guide_menu h3.movie {
	width: 240px;
	height: 52px;
}

#guide_menu h3.usage {
	width: 240px;
	height: 52px;
}

ul.menu1 {
	width: 240px;
	margin: 20px 0;
	list-style: none;
}

ul.menu1 li {
	width: 212px;
	line-height: 12px;
	padding: 4px 4px 4px 24px;
	margin: 0 0 5px 0;
	text-indent:-0.5em;
	line-height:130%;
}

ul.menu1 li.on {
	background: #e8f8ff;
}

ul.menu2 li {
	width: 197px;
	line-height: 12px;
	padding: 4px 4px 4px 15px;
	margin: 0 0 5px 0;
	text-indent:-1.3em;
	line-height:130%;
}

ul.menu2 li.on {
	background: #f5fcff;
}

/* コンテンツ */

#guide_cnt_wrapper {
	width: 630px;
	float: left;
}

.guide_cnt {
	width: 630px;
	float: left;
}

.guide_cnt h4 {
	width: 610px;
	float: left;
	background: url(http://i.yimg.jp/images/gyao/guide/images/guide_ttl_01.gif) no-repeat left bottom;
	margin: 0 0 10px 0;
	padding: 0 0 1px 20px;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	font-weight: bold;
	line-height: 32px;
}

.guide_cnt .view_btn1 {
	width: 315px;
	padding: 30px 0 10px 0;
	float: left;
	text-align: center;
}

.guide_cnt .view_btn2 {
	width: 210px;
	padding: 30px 0 10px 0;
	float: left;
	text-align: center;
}

.guide_cnt .view_btn1 p.txt, .guide_cnt .view_btn2 p.txt {
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	background: url(http://i.yimg.jp/images/gyao/guide/images/guide_arrow.gif) no-repeat bottom center;
	font-size: 14px;
	font-weight: bold;
}

.guide_cnt .view_btn1 p.txt2, .guide_cnt .view_btn2 p.txt2 {
	margin: 10px 0 24px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

.guide_cnt .view_btn1 p.txt3, .guide_cnt .view_btn2 p.txt3 {
	margin: 12px 0;
	padding: 0;
	font-size: 12px;
}
.guide_cnt .view_btn1 p.btn_go_s {
	margin: 0 113px;
}

.guide_cnt .view_btn2 p.btn_go_s {
	margin: 0 61px;
}

table#spec {
	width: 628px;
	border: 1px solid #e7e7e7;
	float: left;
	border-collapse: collapse;
    border-spacing: 0;
	margin: 40px 0 0 0;
}

table#spec th {
	background: #fcfcfc;
	text-align: center;
	padding: 5px;
	border: 1px solid #e7e7e7;
}

table#spec td {
	padding: 10px;
	border: 1px solid #e7e7e7;
	line-height: 16px;
}

table#spec td.ttl {
	background: #e8f8ff;
	width: 80px;
	padding: 25px;
	font-weight: bold;
}

.warning {
	color: #f00;
}

.warning_dl {
	color: #f00;
	border:#CCCCCC 3px solid;
	padding:12px;
}

.guide_cnt_s {
	width: 630px;
	float: left;
	margin: 50px 0 0 0;
}

.guide_cnt_s2 {
	width: 630px;
	float: left;
	margin: 20px 0 20px 0;
}

.guide_cnt_s3 {
	width: 630px;
	float: left;
	margin: 20px 0 0 0;
}

.guide_cnt p.center_txt {
	width: 597px;
	padding: 20px 15px 10px 15px;
	float: left;
	font-size: 12px;
	line-height: 16px;
}

.guide_cnt p.txt_indent {
	text-indent:-0.5em;
	padding: 0 15px 10px 15px;
}

.guide_cnt p.txt_indent2 {
	text-indent:-1em;
	padding: 0 15px 10px 15px;
}

.guide_cnt p.txt_indent3 {
	text-indent:-1em;
	padding-left:10px;
	color:#FF0000;
}

.guide_cnt p.center_txt_box {
	width: 606px;
	margin: 40px 0 10px 0;
	border: 2px solid #eee;
	padding: 10px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.guide_cnt img.center_img {
	width: 600px;
	float: left;
	padding: 10px 15px 0 15px;
}

.guide_cnt img.left_img {
	width: 290px;
	float: left;
	padding: 0 10px 0 15px;
}

.guide_cnt img.left_img2 {
	float: left;
	padding: 20px 10px 0 50px;
}

.guide_cnt img.left_img3 {
	float: left;
	padding: 0px 10px 0 15px;
}


.guide_cnt h5 {
	width: 570px;
	padding: 0 30px;
	font-size: 16px;
	font-weight: bold;
}

.guide_cnt h5.right_ttl {
	width: 280px;
	float: left;
	padding: 0 0 15px 20px;
	font-size: 16px;
	font-weight: bold;
	float: left;
	text-indent:-1.0em;
	line-height:130%;
}

.guide_cnt h5.right_ttl2 {
	width: 400px;
	float: left;
	padding: 0 0 15px 20px;
	font-size: 16px;
	font-weight: bold;
	float: left;
	text-indent:-1.0em;
	line-height:130%;
}

.guide_cnt p.right_txt {
	width: 300px;
	float: left;
	font-size: 12px;
	line-height: 16px;
}

.guide_cnt p.right_txt2 {
	float: left;
	font-size: 12px;
	line-height: 16px;
	padding:27px 0 0 0 ;
}

.guide_cnt p.right_txt3 {
	width: 500px;
	float: left;
	font-size: 12px;
	line-height: 16px;
}
.no {
	color: #d00075;
	padding: 0 5px 0 0;
	font-size: 18px;
}

.f16 {
	font-size: 16px;
	font-weight:bold;
}


.guide_cnt .pack {
	margin:0;
	padding: 40px 15px 10px 15px;
}

.guide_cnt .pack .ttl {
	margin:0;
	padding:0 2px 4px 2px;
	font-size:14px;
	font-weight:bold;
}

.guide_cnt .pack .left {
	width:296px;
	margin:0;
	padding:0;
	float:left;
}

.guide_cnt .pack .right {
	width:296px;
	margin:0;
	padding:0 0 0 8px;
	float:left;
}

.guide_group {
	width: 578px;
	background: #fcfcfc;
	border: 1px solid #e7e7e7;
	margin: 30px 0 0 0;
	padding: 20px 25px;
	float: left;
}

.guide_group p.cate {
	font-size: 12px;
	font-weight: bold;
}

.guide_group ul {
	clear: both;
	list-style: none;
}

.guide_group li {
	float: left;
	padding: 0 10px 0 0;
	border-right: 1px solid #999;
	margin: 10px 10px 0 0;
	word-wrap: normal;
	word-break: keep-all;
        white-space:nowrap;
}

.guide_cnt p.guide_txt {
	float:left;
	font-size:12px;
	line-height:16px;
	padding:5px 50px 0;
	width:530px;
}
.guide_cnt span.guide_note {
	color:#ff0000;
}





/* ツールバー 100825 */



.guide_cnt p.kiyaku {
	width:590px;
	height:170px;
	background:#f7f7f7;
	border:1px solid #eaeaea;
	margin:0 15px;
	padding:5px;
	overflow:auto;
	line-height:1.45;
	
}

/*top 111106*/
.lead1006{padding: 20px 0 0 200px;}
div#serviceCnt{ 
	width:940px;
	padding-top:14px;
	color:#323232;
	clear:both;
}
div#serviceCnt div#gyaoservice{ width:925px; height:417px; background: url(http://i.yimg.jp/images/gyao/guide/images2/img_top_bg_gyao_service.jpg) no-repeat top center; padding-left:25px;}
div#serviceCnt div#gyaoservice h3.title{ padding:25px 0 5px 15px; margin-bottom:5px;}
div#serviceCnt div#gyaoservice div.cntBody { padding:7px 0 15px; margin-bottom:0px; }
  	div#serviceCnt div#gyaoservice div.cntBody div.cntBox { padding-left:15px; }
		div#serviceCnt div#gyaoservice div.cntBody div.cntBox div.textarea { width:625px; margin:0; float:left; }
		div#serviceCnt div#gyaoservice div.cntBody div.cntBox div.textarea p.caption { margin:0 0 6px 5px; }
		div#serviceCnt div#gyaoservice div.cntBody div.cntBox div.textarea p.caption2 { margin:10px 0 6px 15px; line-height:140%; }
		div#serviceCnt div#gyaoservice div.cntBody div.cntBox div.textarea p.textLink { margin:10px 0 25px 15px; }
		div#serviceCnt div#gyaoservice div.cntBody div.cntBox div.textarea p.textLink2 { margin:10px 0 20px 15px; }
		  div#serviceCnt div#gyaoservice div.cntBody div.cntBox div.textarea p.textLink a { text-decoration:underline; }
		  div#serviceCnt div#gyaoservice div.cntBody div.cntBox div.textarea p.textLink2 a { text-decoration:underline; }
		div#serviceCnt div#gyaoservice div.cntBody div.cntBox div.textarea2 { width:880px; margin:0; float:left; }
		div#serviceCnt div#gyaoservice div.cntBody div.cntBox div.textarea2 p.caption { margin:0 0 6px 5px; }
		div#serviceCnt div#gyaoservice div.cntBody div.cntBox div.textarea2 p.caption2 { margin:20px 0 6px 105px; line-height:140%;  }
		div#serviceCnt div#gyaoservice div.cntBody div.cntBox div.textarea2 p.textLink { margin:10px 0 6px 25px; }
		  div#serviceCnt div#gyaoservice div.cntBody div.cntBox div.textarea2 p.textLink a { text-decoration:underline; }
		div#serviceCnt div#gyaoservice div.cntBody div.cntBox div.thumb { width:250px; margin:0 25px 7px 0; float:right; }

div#serviceCnt2{ 
	width:940px;
	padding-top:14px;
	color:#323232;
	clear:both;
}
div#serviceCnt2 div#storeservice{ width:925px; height:194px; background: url(http://i.yimg.jp/images/gyao/guide/images2/img_top_bg_store_service.jpg) no-repeat top center; padding-left:25px; clear:both;}
div#serviceCnt2 div#storeservice h3.title{ padding:25px 0 5px 25px; margin-bottom:5px;}
div#serviceCnt2 div#storeservice div.cntBody { padding:7px 0 25px; margin-bottom:0px; }
  	div#serviceCnt2 div#storeservice div.cntBody div.cntBox { padding-left:27px; }
		div#serviceCnt2 div#storeservice div.cntBody div.cntBox div.textarea { width:600px; margin:0; float:left; }
		div#serviceCnt2 div#storeservice div.cntBody div.cntBox div.textarea p.caption { margin:0 0 6px 0; line-height:140%; }
		div#serviceCnt2 div#storeservice div.cntBody div.cntBox div.textarea p.caption2 { margin:10px 0 6px 0; line-height:140%; }
		div#serviceCnt2 div#storeservice div.cntBody div.cntBox div.textarea p.textLink { margin:10px 0 6px 0; }
		div#serviceCnt2 div#storeservice div.cntBody div.cntBox div.textarea p.textLink a { text-decoration:underline; }  
		  
/*sns 111106*/
div.guide_cnt_s4 {
	width: 630px;
	float: left;
	margin: 10px 0 50px 0;
}
div.guide_cnt_s4 p.guide_txt02{
	float:left;
	font-size:12px;
	line-height:16px;
	padding:5px 20px 0;
	width:530px;
}
div.guide_cnt_s4 p.guide_txt02 span.number{
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	color: #d00075;
}

/*sns 120614*/
.guide_cnt p.txt_point{clear:both;float:none;width:552px;padding:15px;margin:-20px 0 10px 15px;background-color:#fbfbf3;border:1px solid #e6e6d7;}
.txt_point .bold{font-weight:bold;}
.guide_cnt .i_center{text-align:center;}


.line{
	width:630px;
	height:1px;
	display:inline-block;
	margin-bottom:25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*121127追加*/
.guide_cnt .view_btn3 {
	width: 210px;
	padding: 30px 0 10px 0;
	float: left;
	text-align: center;
}
.guide_cnt .view_btn3 p.txt {
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	background: url(http://i.yimg.jp/images/gyao/guide/images/guide_arrow.gif) no-repeat bottom center;
	font-size: 14px;
	font-weight: bold;
}
.guide_cnt .view_btn3 p.btn_go_s {
	margin: 0 61px;
}
.guide_cnt .view_btn3 p.txt2 {
	margin: 10px 0 24px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

.guide_cnt .view_btn1 p.txt3 {
	margin: 12px 0;
	padding: 0;
	font-size: 12px;
}