@charset "utf-8";


/* ご利用ガイドトップ */

#index #howtomenu {
	margin:20px -18px 0 18px;
}

#index #howtomenu li {
	margin:0 18px 20px 0;
	float:left;
}

#index #howtomenu li a {
	width:305px;
	padding:10px 10px 10px 35px;
	background:url(../../common/img/arrow1.gif) no-repeat 17px center;
	border:1px solid #ccc;
	display:block;
}

/* サブコンテンツ共通 */
#index #contents #contentstitle h2 {
	margin:0 0 20px 0;
}

#index #contents .article_wrapper {
	width:770px;
	margin:0 0 10px 0;
}

#index #contents .article2 {
	margin-bottom:30px;
}

#index #contents  .article_inner {
	margin-bottom:20px;
}

#index #contents .article_wrapper .article {
	padding:10px;
	border:1px solid #ccc;
	background:url(img/bg_article01.gif);
}

#index #contents .article_wrapper .article3 {
	padding:10px;
	border:1px solid #ccc;
	background:none;
}

#index #contents .article img,#index #contents .article2 img {
	margin:0 0 10px 0;
}




#index #contents .nextstep {
	width:770px;
	height:28px;
	background:url(img/arrow.gif) no-repeat center;
	text-indent:-9999px;
	display:block;
}

#index #contents h4,#index #contents h5 {
	font-size:110%;
}

#index #contents .article2 h4 {
	padding:0 0 0 6px;
	margin-bottom:10px;
	border-left:4px solid #666;
	line-height:1;
	color:#666;
}

#index #contents .article2 h5 {
	color:#0099FF;
}

#index #contents .article_wrapper .article h5 {
	height:24px;
	padding:6px 0 0 38px;
	margin:0 0 10px 0;
	color:#333333;
	font-size:110%;
}

#index #contents .article_wrapper .article3 h5 {
	height:24px;
	padding:6px 0 0 38px;
	margin:0 0 0 0;
	color:#333333;
	font-size:110%;
}

#index #contents .step01 {
	background:url(img/order/step01.gif) no-repeat;
	margin:0 0 0 0 !important;
}

#index #contents .step01_1 {
	background:url(img/order/step01.gif) no-repeat;
}

#index #contents .step02 {
	background:url(img/order/step02.gif) no-repeat;
}

#index #contents .step03 {
	background:url(img/order/step03.gif) no-repeat;
}

#index #contents .step04 {
	background:url(img/order/step04.gif) no-repeat;
}

#index #contents .step05 {
	background:url(img/order/step05.gif) no-repeat;
}

#index #contents .step06 {
	background:url(img/order/step06.gif) no-repeat;
}

#index #contents .step07 {
	background:url(img/order/step07.gif) no-repeat;
}

#index #contents .step08 {
	background:url(img/order/step08.gif) no-repeat;
}

#index #contents .step09 {
	background:url(img/order/step09.gif) no-repeat;
}

#index #contents .step10 {
	background:url(img/order/step10.gif) no-repeat;
}

#index #contents .article2 h6 {
	font-size:110%;
	margin:0 0 10px 0;
}

#index #contents .article2 .pic_box {
	margin-bottom:15px;
}

#index #contents .article2 .credit_pic {
	margin-bottom:15px;
}

#index #contents .article2 .credit_pic img {
	margin-right:30px;
}

#index #contents .check {
	padding:15px;
	margin:0 0 30px 0;
	border:1px solid #ccc;
	background:url(img/order/bg_check.gif) repeat-x top;
}

#index #contents .check h6 {
	height:24px;
	padding:6px 0 10px 38px;
	margin:0;
	color:#333333;
	font-size:120%;
	background:url(img/order/icon_check.gif) no-repeat;
}

#index #contents .check p {
	margin:10px 0 0 0;
}

#index #contents .check h6.coution {
	height:auto;
	padding:0 0 0 38px;
	margin:0;
	color:#333333;
	font-size:118%;
	background:url(img/order/icon_check.gif) no-repeat 0 center;
}

#index #contents .redframe {
	width:518px;
	border:3px solid #f00;
	padding:10px;
	margin:0 0 20px 0;
}




#index #contents .redframe2 {
	width:449px;
	border:3px solid #f00;
	padding:10px;
	margin:0 0 20px 0;
	float:left;
}

#index #contents .redframe .alert1 {
	margin:1em 0 0 0;
	padding:0;
}

#index #contents .blueframe {
	width:518px;
	border:3px solid #00f;
	padding:10px;
	clear:both;
}

#index #contents .redframe p,#index #contents .blueframe p,#index #contents .redframe2 p {
	margin:0;
	padding:0;
}

#index #contents img.kounyuimg {
	margin:0;
}

#index #contents img.kounyuarrow {
	margin:0;
	float:left;
}

/*---------------- リスト関連 ----------------*/

#index #contents ol {
	margin:0 0 10px 0;
}

#index #contents ol li {
	list-style-type:decimal !important;
	margin:0 0 0 30px;
}

#index #contents .article2 ol {
	margin-bottom:20px;
}

#index #contents .article2 ol li {
	margin-top:5px;
}

#index #contents .linkbox {
	margin:0 0 10px 0;
}

#index #contents .linkbox li a {
	background:url(../../common/img/arrow1.gif) no-repeat 0 2px;
	padding-left:16px;
}

#index #contents ol ul.alert1 {
	margin:0;
}

#index #contents ul.alert1 li {
	list-style-type:none !important;
	margin:0 0 0 10px;
	font-size:115%;
}

#index #contents .l_alpha li {
	list-style-type:lower-alpha;
	margin:10px 0 0 25px;
}

#index #contents ul.none {
	margin:10px 0;
}

#index #contents ul.none li {
	list-style-type:none;
	margin:0 0 0 20px;
}

#index #contents ul.disk {
	margin:10px 0 10px;
}
#index #contents ul.disk li {
	background:url(../../common/img/li-normal2.gif) no-repeat 0 4px;
	margin:0 0 5px 0;
	padding:0 0 0 15px;
}

/*---------------- リスト関連ここまで ----------------*/

/*---------------- テーブル関連 ----------------*/
#index #contents table {
	margin:0 !important;
}

/*---------------- カスタマーセンター告知 ----------------*/
.notice_customer {
	border:3px solid #ccc;
	padding:30px 0;
	font-size:120%;
	font-weight:bold;
	text-align:center;
}