/* テンプレート */
#ob_head{
	background:#ffffff url(../img/ob_head.gif) no-repeat center top;
	height:98px;
	width:800px;
	margin:0 auto 0 auto;
	}
#ob_head_home{
	width:121px;
	float:left;
	}
#ob_head_home h2{
	margin:10px 2px 0 5px;
	padding:0;
	}
#ob_head_home a{
	display:block;
	background:url(../img/obagi_logo.gif) no-repeat left top;
	width:114px;
	height:78px;
	text-indent:-400px;
	overflow:hidden;
	}
#ob_head_right{
	float:left;
	width:678px;
	}
#ob_head_rmenu1{
	margin:17px 5px 0 auto;
	height:28px;
	text-align:right;
	}
#ob_head_rmenu1 ul{
	list-style:none;
	margin:0;
	padding:0;
	}
#ob_head_rmenu1 li{
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
	}
#ob_head_rmenu2{
	height:43px;
	text-align:left;
	}
#ob_head_rmenu2 ul{
	list-style:none;
	margin:0;
	padding:0;
	}
#ob_head_rmenu2 li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	}
	
/* ヘッダボタン */
.topmenu01{
	display:block;
	width:135px;
	height:43px;
	background-image:url(../img/bt_head01.gif);
	background-repeat:no-repeat;
	text-indent:-400px;
	overflow:hidden;
	}
#tm01{
	background-position:0 0; 
	}
#tm01:hover,#tm01b{
	background-position:0 -50px; 
	}
#tm02{
	background-position:-135px 0; 
	}
#tm02:hover,#tm02b{
	background-position:-135px -50px; 
	}
#tm03{
	background-position:-270px 0; 
	}
#tm03:hover,#tm03b{
	background-position:-270px -50px; 
	}
#tm04{
	background-position:-405px 0; 
	}
#tm04:hover,#tm04b{
	background-position:-405px -50px; 
	}
#tm05{
	background-position:-540px 0; 
	}
#tm05:hover,#tm05b{
	background-position:-540px -50px; 
	}

a.topmenu02{
	margin-left:10px;
	padding:0 0 0 14px;
	background : url(../img/arrow00.gif) no-repeat left top;
	color:#666666;
	}
a:hover.topmenu02{
	color:#ff6600;
	}

td.topmenu03{
	padding:2px;
	background-color:#ececec;
	border:1px dotted #cccccc;
	}
a.topmenu03{
	padding:2px;
	border:1px dotted #cccccc;
	padding:0 4px 0 18px;
	background:#ececec url(../img/arrow01.gif) no-repeat 2px 1px;
	color:#666666;
	font-weight:bold;
	}
a:hover.topmenu03{
	color:#ff6600;
	}
#ob_head_bottom{
	clear:both;
	height:8px;
	background : url(../img/ob_head2.gif) no-repeat center top;
	}


#footer{
	border-top:1px solid #ffffff;
	margin:0 auto 0 auto;
	}
#ob_footer{
	margin:8px 5px 4px 5px;
	padding:2px;
	background-color:#999999;
	border-bottom:3px solid #666666;
	}
#ob_footer ul{
	list-style:none;
	margin:0 0.5em 0 0;
	padding:0;
	}
#ob_footer li{
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
	}
a.foot_menu{
	color:#ffffff;
	}
a:hover.foot_menu{
	color:#ffff99;
	}
#bd_footer{
	padding:2px 5px 6px 5px ;
	}
#foot_copy{
	min-width:310px;
	float:right;
	text-align:right;
	font-size:90%;
	}

#foot_navi{
	text-align:left;
	min-width:450px;
	float:left;
	}

#foot_navi ul {
	vertical-align:middle;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	}
#foot_navi li {
	margin:0 0 0 4px;
	padding:0;
	list-style:none;
	display:inline;
	}
#my_page{
	margin:0 !important;
	}

#my_page a{
	font-size:90%;
	background:url(../images/mypage.gif) no-repeat left top;
	text-decoration:none;
	color:#666666;
	margin:0;
	padding:1px 0 2px 16px;
	}
#my_page a:hover{
	background:url(../images/mypage.gif) no-repeat left -30px;
	text-decoration:none;
	color:#0066cc;
	}
a.topnavi{
	font-size:90%;
	background:url(../images/arrow01.gif) no-repeat left top;
	text-decoration:none;
	color:#666666;
	margin:0;
	padding:1px 0 2px 16px;
	}
a:hover.topnavi{
	background:url(../images/arrow01.gif) no-repeat left -30px;
	text-decoration:none;
	color:#0066cc;
	}
	
#ob_layoutbox{
	background-color:#ffffff;
	min-height:460px;
	width:800px;
	margin:0 auto 0 auto;
	text-align:left;
	}
*html #ob_layoutbox{
	height:460px;
	}
#ob_mainbox{
	padding:0 5px 0 5px;
	}
	
	

table#ob_main{
	background-color:#ffffff;
	height:460px;
	width:800px;
	}
td#ob_main{
	padding:0 5px 0 5px;
	}





table#page{
	border:1px solid #cccccc;
	width:100%;
	height:420px;
	}
td#page{
	padding:12px;
	}

td#title{
	height:34px;
	background-color:#000055;
	padding-left:8px;
	padding-top:2px;
	}
h1#title{
	font-size:130%;
	color:#ffffff;
	line-height:115%;
	margin:0;
	}
span#title{
	font-size:84%;
	font-weight:normal;
	padding-left:1em;
	}
.u_title{
	background : url(../img/kage01.gif) repeat-x left top;
	height:6px;
	}

.clr{
	clear:both;
	}
.hide{
	display:none;
	}

.clr_box{
	zoom:100%;
	}
.clr_box:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}


#contents{
	padding:20px 12px 12px 12px;
	background : url(../img/kage01.gif) repeat-x left top;
	}


/* ヘッダボタン（アイテム） */

#item_menu01{
	height:38px;
	width:790px;
	text-align:left;

	margin-bottom:4px;
	}
#item_menu01 ul{
	margin:0;
	padding:0;
	}
#item_menu01 li{
	width:99px;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	}
#item_menu01 a{
	width:97px;
	display:block;
	height:38px;
	background-position:left top;
	backgournd-repeat:no-repeat;
	text-indent:-800px;
	overflow:hidden;
	}

#item_menu_dc a{
	background-image:url(../img/btn_dc.gif);
	}
#item_menu_dc a:hover{
	background-position:left -38px;
	}
#item_menu_dc2{
	background:url(../img/btn_dc.gif) no-repeat left -38px;
	}

#item_menu_dfx a{
	background-image:url(../img/btn_dfx.gif);
	}
#item_menu_dfx a:hover{
	background-position:left -38px;
	}
#item_menu_dfx2{
	background:url(../img/btn_dfx.gif) no-repeat left -38px;
	}

#item_menu_peel a{
	background-image:url(../img/btn_peel.gif);
	}
#item_menu_peel a:hover{
	background-position:left -38px;
	}
#item_menu_peel2{
	background:url(../img/btn_peel.gif) no-repeat left -38px;
	}

#item_menu_pt a{
	background-image:url(../img/btn_pt.gif);
	}
#item_menu_pt a:hover{
	background-position:left -38px;
	}
#item_menu_pt2{
	background:url(../img/btn_pt.gif) no-repeat left -38px;
	}

#item_menu_sc{
	width:97px !important ;
	}
#item_menu_sc a{
	background-image:url(../img/btn_sc.gif);
	}
#item_menu_sc a:hover{
	background-position:left -38px;
	}
#item_menu_sc2{
	width:97px !important ;
	background:url(../img/btn_sc.gif) no-repeat left -38px;
	}

#item_menu_c a{
	background-image:url(../img/btn_c.gif);
	}
#item_menu_c a:hover{
	background-position:left -38px;
	}
#item_menu_c2{
	background:url(../img/btn_c.gif) no-repeat left -38px;
	}

#item_menu_k a{
	background-image:url(../img/btn_k.gif);
	}
#item_menu_k a:hover{
	background-position:left -38px;
	}
#item_menu_k2{
	background:url(../img/btn_k.gif) no-repeat left -38px;
	}

#item_menu_pre a{
	background-image:url(../img/btn_pre.gif);
	}
#item_menu_pre a:hover{
	background-position:left -38px;
	}
#item_menu_pre2{
	background:url(../img/btn_pre.gif) no-repeat left -38px;
	}



#item_menu02{
	border-top:1px solid #cccccc;
	padding-top:1px;
	height:36px;
	background : url(../img/kage01.gif) repeat-x left bottom;
	text-align:left;
	}

/* ヘッダボタン（パンくず） */

#pan{
	margin-top:6px;
	padding:6px 4px 6px 8px;
	line-height:115%;
	background : #ececec url(../img/bg_pan.gif) repeat-y left top;
	text-align:left;
	}

/* テキスト */

.t_title01{
	margin:0 0 0.75em 0;
	font-size:130%;
	font-weight:bold;
	line-height:135%;
	color:#000099;
	}

.t_title02{
	margin:0 0 0.75em 0;
	font-size:120%;
	font-weight:bold;
	line-height:125%;
	}

.t_title03{
	margin:0 0 0.75em 0;
	font-size:112%;
	font-weight:bold;
	line-height:120%;
	}

.t_body01{
	margin-top:0;
	margin-bottom:0.5em;
	text-align:justify;
	text-justify:inter-ideograph;
	}

.justify {
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
.t_left{
	text-align:left;
	}
.t_right{
	text-align:right;
	}
.t_orenge{
	color:#ff6633;
	}

/* Ｑ＆Ａ */

table.qa_list{
	border-top:1px dotted #ff9933;
	}
td.qa_list{
	border-bottom:1px dotted #ff9933;
	padding-right:1em;
	padding-left:0.25em;
	}
.qa_list_q{
	background : url(../img/qa_list_q.gif) repeat-x left bottom;
	border-bottom:1px dotted #ff9933;
	width:30px;
	padding:10px 0 10px 0;
	}

td.qa_top{
	background : #ffffff url(../img/qa_obi.gif) repeat-x left center;
	}
a.qa_top {
	background : #ffffff url(../img/arrow02.gif) no-repeat left top;
	padding:0 0 0 16px;
	color:333399;
	}
a:hover.qa_top{
	color:ff6633;
	}

.qa_q1{
	border-bottom:1px dotted #ff9933;
	padding:8px 4px 8px 4px;
	width:30px;
	}
.qa_q2{
	border-bottom:1px dotted #ff9933;
	padding:2px 4px 2px 4px;
	}
.qa_a{
	padding:4px;
	}

/* Ｑ＆Ａ（xml） */
#faq_list{
	border-top:1px solid #ff9933;
	border-bottom:1px solid #ff9933;
	zoom:100%;
	}
#faq_list:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
#faq_list ul{
	margin:0;
	padding:0;
	width:764px;
	list-style:none;
	}
#faq_list li{
	margin:0;
	padding:0;
	border-bottom:1px dotted #ff9933;
	background:url(../img/qa_list_q.gif) no-repeat left bottom;
	width:378px;
	min-height:38px;
	vertical-align:middle;
	}
* html #faq_list li{ /* IE 6 */
	height:38px;
	}

#faq_list a{
	display:block;
	padding-left:28px;
	line-height:120%;
	padding-top:10px;
	}
.faq_list_2l a{
	padding-top:3px !important;
	}
.faq_list_l{
	clear:both;
	float:left;
	}
.faq_list_r{
	float:right;
	}
.faq_list_nl{
	border-bottom:0 !important;
	}
	
.faq_box{
	margin-top:8px;
	}
.faq_return{
	text-align:right;
	background : #ffffff url(../img/qa_obi.gif) repeat-x left center;
	padding-bottom:2px;
	}
.faq_q{
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:8px 0 10px 36px;
	border-bottom:1px dotted #ff9933;
	}
.faq_a{
	margin:0;
	padding:8px 0 0 36px;
	}
.faq_a p{
	margin:0 0 0.5em 0;
	padding:0;
	text-align:justify;
	text-justify:inter-ideograph;
	}
