@charset "UTF-8";

/***************************************************************************************************

"look"

Cascading Style Sheet - "/css/static/guide.css"
Ver. 2009.07.18

----------------------------------------------------------------------------------------------------

ガイド・規約類の設定について記述しています。

***************************************************************************************************/


body{
	line-height:1.5;
}

.subContentsInner{
	line-height:1;
}

div.contents { width:960px; margin:0 auto; }

div.pageTitle { margin-top:12px;}






/** Guide Section ********************************************************************** |START| **/

div.guideContents{ width:896px; margin:0 auto; text-align:left; }
div.section{padding:0 10px 10px 10px;}

p.explain{padding-bottom:20px!important;}

div.guideContents li, div.guideContents p{line-height:1.5;}
div.guideContents li{padding-bottom:5px;}


div.guideContents h3{/** TITLE **/
  margin-bottom:8px;
  font-size:120%;
  padding-left:12px;
  border-left:solid 4px #FF8E00;
}

div.guideContents div.section { 
  background:URL('/common/images/guide/line_center.gif') no-repeat left top;
  padding:24px 32px;
}


ol.numList{/** LIST|1,2,3 **/
  margin-left:15px;
  *margin-left:24px;
}
ol.numList li{list-style-type:decimal;}

ol.numList ol.numList{padding:10px 0 0 0;}
ol.numList ol.numList li{list-style-type:lower-alpha;}

/** LIST|・ **/
ul.list{margin-left:18px;}
ul.list li{list-style-type:disc;}

p.right{text-align:right;}


/**====================================================== 「ご利用ガイド」 ==**/
div.userGuideBox{
  width:960px;
  /*padding-top:10px;*/
}


/**----------------------------------- LEFT|LOCAL MENU --**/
div.userGuideBox div.subContents{
  width:256px;
  text-align:left;
}

/*
div.userGuideBox div.subContentsInner{padding:3px 0 20px 15px;}
*/

div.userGuideBox div.subContents h3{
  /*padding:5px 10px 3px 10px;*/
  border:0;
  /*background:#333333;
  color:#FFFFFF;
  font-size:92%;*/
  background:URL('/common/images/guide/line_left.gif') no-repeat left bottom;
  padding-bottom:16px;
  margin-bottom:10px;
}

/*
ul.guideMenu{padding-left:10px;}
*/

ul.guideMenu li{margin-bottom:10px; padding:0 0 10px; background:URL('/common/images/guide/line_left.gif') no-repeat left bottom; list-style:URL('/common/images/guide/ico_circle.gif') inside; font-weight:bold; }

/* IE hack */
ul.guideMenu li{/list-style-image:URL('/common/images/guide/ico_circle_2.gif')}



ul.guideMenu li a { color:#666; text-decoration:none; font-weight:normal; }
ul.guideMenu li a:hover { color:#666; text-decoration:underline; }
ul.guideMenu li a:visited,ul.guideMenu li a:active { color:#666; }

ul.guideMenu li ul{padding:10px 0 3px 32px;}
ul.guideMenu li li{font-size:92%; list-style:none; list-style-image:none; padding:0; font-weight:normal; background-image:none;}



/**---------------------------------------- RIGHT|MAIN --**/
div.contentsInner div.userGuideBox div.mainContents{
  float:right;
  width:672px;
  margin:0;
  text-align:left;
  border:solid 1px #E5E5E5;
  min-height:464px;
  /height: auto !important;
  /height: 464px;
}

div.userGuideInner{padding:31px;}

div.userGuideInner h3.title{
  margin-bottom:8px;
  font-size:120%;
  padding-left:12px;
  border-left:solid 4px #FF8E00;
  /*border-bottom:1px solid #CCCCCC;*/
}

div.userGuideInner div.section{
  padding:31px 11px 10px 11px;
  background:URL('/common/images/guide/line_right.gif') no-repeat left top;
}

dl.guideUnit dt{
  margin:10px 0 12px 0;
  /*border-bottom:1px solid #CCCCCC;*/
  background-color:#F2F1ED;
  padding:8px 16px;
  color:#000;
}

dl.guideUnit dd{padding:0 10px 5px 16px;}

span.note{
  color:#666666;
  font-size:86%;
  line-height:1.2;
}

em.redTxt{color:#B40404;}


/**================================================================== Q＆A ==**/
dl.faqUnit{padding-top:10px;}

dl.faqUnit dt, dl.faqUnit dd{
  padding:0 0 14px 18px;
  background-repeat:no-repeat;
  background-position:left top;
}

dl.faqUnit dt{background-image:url("/common/images/guide/ico_question.gif");}
dl.faqUnit dd{background-image:url("/common/images/guide/ico_answer.gif");}


/** |END| ************************************************************************ Guide Section **/


/**---------------------------------------- coupon --**/

div.userGuideInner div.section dt.coupon{
	float:left;
	color:#000;
	}
	
div.userGuideInner div.section dt.coupon2{
	padding-bottom:50px;
	padding-top:30px;
	}

div.userGuideInner div.section dd.coupon_r{
	text-align:left;
	width:550px;
	float:right;
	}
	
div.userGuideInner div.section p.txt{
	padding-top:10px;
	}

div.userGuideInner div.section p.txt2{
	padding-top:30px;
	padding-bottom:10px;
	}
	
.clearfix{
		clear:both;
		}
/** |END| ************************************************************************ coupon Section **/