@charset "shift_jis";

/* =======================================

	○○○○ ContentsElements

======================================= */




/* ------------------------------------

　PrimaryContents要素

------------------------------------ */


#primarycontents h2 {
	width: 559px;
	height: 35px;
	display: block;
	text-align: left;
	color: #494949;
	font-size:16px;
	font-weight: bold;
	background: url(../img/title_bg.jpg) repeat-x;
	padding: 9px 0 0 10px;
}

#primarycontents h2 span {
	display: block;
	float: left;
}

/* IE6*/
* html #primarycontents h2 {width: 559px; height: 34px; padding: 9px 0 0 10px; margin-bottom: 5px;}
/* */ 


#primarycontents h3 {
	width: 552px;
	height: 30px;
	display: block;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #b7066a;
	background: url(../img/inner_title.jpg) no-repeat;
	padding-left: 17px;
	clear: both;
}

/* IE6*/
* html #primarycontents h3 {width: 552px; padding: 0 0 0 17px;}
/* */ 


#primarycontents h6 {
	font-size: 12px;
	font-weight: bold;
	color: #494949;
	background: url(../img/mark02.jpg) no-repeat;
	padding-top: 2px;
	padding-left: 15px;
}



/*----------サービス案内-------*/

#guidance #primarycontents h6 {
	width: 534px;
	height: 18px;
	background: url(../img/guidance_title.jpg) no-repeat 11px 7px;
	font-size: 15px;
	color: #b7066a;
	padding: 20px 0 0 35px;
}

#guidance #primarycontents p.line {
	width: 534px;
	background: url(../img/line03.jpg) repeat-x;
	margin-left: 10px;
	line-height: 1px;
	font-size: 1px;
	margin-bottom: 0;
}

#guidance #primarycontents div.guidance_box {
	width: 569px;
	background: url(../img/guidance_box_bg.gif) repeat-y;
	margin-bottom: 10px;
}

#guidance #primarycontents div.guidance_box_top {
	width: 569px;
	background: url(../img/guidance_box_top.gif) top no-repeat;
}

#guidance #primarycontents div.guidance_box_btm {
	width: 569px;
	background: url(../img/guidance_box_btm.gif) bottom no-repeat;
	padding-bottom: 5px;
}

#guidance #primarycontents p {
	padding-left: 15px;
	margin-top: 5px;
	margin-bottom: 0;
}

#guidance #primarycontents img.right {
	margin-right: 10px;
}



/*----------注文からお届けまで-------*/

#flow #primarycontents div.flowarea {
	width: 569px;
	background: url(../img/flow_top.jpg) no-repeat;
}

#flow #primarycontents div.flowarea ul.flowlist {
	width: 561px;
	height: 188px;
	margin-left: 4px;
	margin-bottom: 7px;
}

*:first-child+html #flow #primarycontents div.flowarea ul.flowlist {margin-bottom: 5px;}

#flow #primarycontents div.flowarea ul.flowlist li {
	width: 60px;
	height: 32px;
	float: left;
	margin-top: 157px;
}

#flow #primarycontents div.flowarea ul.flowlist li a {
	width: 60px;
	height: 32px;
	display: block;
}

#flow #primarycontents div.flowarea ul.flowlist li a span {
	display: none;
}

#flow #primarycontents div.flowarea div.blockarea {
	width: 569px;
	height: 16px;
}

.blueblock01 {margin-left: 23px; height: 16px;}
.blueblock02 {margin-left: 83px; height: 16px;}
.blueblock03 {margin-left: 144px; height: 16px;}
.yellowblock01 {margin-left: 213px; height: 16px;}
.yellowblock02 {margin-left: 274px; height: 16px;}
.yellowblock03 {margin-left: 334px; height: 16px;}
.pinkblock01 {margin-left: 402px; height: 16px;}
.pinkblock02 {margin-left: 463px; height: 16px;}
.pinkblock03 {margin-left: 523px; height: 16px;}



/*safari*/
html*.blueblock01 {position: absolute; margin-top: -18px; height: 34px;}
html*.blueblock02 {position: absolute; margin-top: -18px; height: 34px;}
html*.blueblock03 {position: absolute; margin-top: -18px; height: 34px;}
html*.yellowblock01 {position: absolute; margin-top: -18px; height: 34px;}
html*.yellowblock02 {position: absolute; margin-top: -18px; height: 34px;}
html*.yellowblock03 {position: absolute; margin-top: -18px; height: 34px;}
html*.pinkblock01 {position: absolute; margin-top: -18px; height: 34px;}
html*.pinkblock02 {position: absolute; margin-top: -18px; height: 34px;}
html*.pinkblock03 {position: absolute; margin-top: -18px; height: 34px;}
/**/

* html .blueblock01 {margin-top: 0; height: 16px;}
* html .blueblock02 {margin-top: 0; height: 16px;}
* html .blueblock03 {margin-top: 0; height: 16px;}
* html .yellowblock01 {margin-top: 0; height: 16px;}
* html .yellowblock02 {margin-top: 0; height: 16px;}
* html .yellowblock03 {margin-top: 0; height: 16px;}
* html .pinkblock01 {margin-top: 0; height: 16px;}
* html .pinkblock02 {margin-top: 0; height: 16px;}
* html .pinkblock03 {margin-top: 0; height: 16px;}

/*safari*/
html[xmlns*=""] body:last-child .blueblock01 {position: absolute; margin-top: -18px; height: 34px;}
html[xmlns*=""] body:last-child .blueblock02 {position: absolute; margin-top: -18px; height: 34px;}
html[xmlns*=""] body:last-child .blueblock03 {position: absolute; margin-top: -18px; height: 34px;}
html[xmlns*=""] body:last-child .yellowblock01 {position: absolute; margin-top: -18px; height: 34px;}
html[xmlns*=""] body:last-child .yellowblock02 {position: absolute; margin-top: -18px; height: 34px;}
html[xmlns*=""] body:last-child .yellowblock03 {position: absolute; margin-top: -18px; height: 34px;}
html[xmlns*=""] body:last-child .pinkblock01 {position: absolute; margin-top: -18px; height: 34px;}
html[xmlns*=""] body:last-child .pinkblock02 {position: absolute; margin-top: -18px; height: 34px;}
html[xmlns*=""] body:last-child .pinkblock03 {position: absolute; margin-top: -18px; height: 34px;}
/**/

/*IE7*/
*:first-child+html .blueblock01 {margin-top: 2px; height: 14px;}
*:first-child+html .blueblock02 {margin-top: 2px; height: 14px;}
*:first-child+html .blueblock03 {margin-top: 2px; height: 14px;}
*:first-child+html .yellowblock01 {margin-top: 2px; height: 14px;}
*:first-child+html .yellowblock02 {margin-top: 2px; height: 14px;}
*:first-child+html .yellowblock03 {margin-top: 2px; height: 14px;}
*:first-child+html .pinkblock01 {margin-top: 2px; height: 14px;}
*:first-child+html .pinkblock02 {margin-top: 2px; height: 14px;}
*:first-child+html .pinkblock03 {margin-top: 2px; height: 14px;}


#page1,
#page2,
#page3 {
	background: url(../img/flow_blueback.jpg) no-repeat;
	background-position: 0 15px;
}

#page4,
#page5,
#page6{
	background: url(../img/flow_yellowback.jpg) top no-repeat;
	background-position: 0 15px;
}

#page7,
#page8,
#page9{
	background: url(../img/flow_pinkback.jpg) top no-repeat;
	background-position: 0 15px;
}

#page1 div.flow_flame,
#page2 div.flow_flame,
#page3 div.flow_flame,
#page4 div.flow_flame,
#page5 div.flow_flame,
#page6 div.flow_flame,
#page7 div.flow_flame,
#page8 div.flow_flame,
#page9 div.flow_flame {
	background: url(../img/mainarea_frame.gif) repeat-y;
	border-bottom: 1px #cccccc solid;
}

#page1 div.textarea,
#page2 div.textarea,
#page3 div.textarea,
#page4 div.textarea,
#page5 div.textarea,
#page6 div.textarea,
#page7 div.textarea,
#page8 div.textarea,
#page9 div.textarea {
	width: 543px;
	margin: 12px 0 0 13px;
}

#page1 h6,
#page2 h6,
#page3 h6 {
	font-size: 14px;
	background: url(../img/mark03.jpg) no-repeat 0 2px;
	margin-bottom: 8px;
}

#page4 h6,
#page5 h6,
#page6 h6 {
	font-size: 14px;
	background: url(../img/mark06.jpg) no-repeat 0 2px;
	margin-bottom: 8px;
}

#page7 h6,
#page8 h6,
#page9 h6 {
	font-size: 14px;
	background: url(../img/mark04.jpg) no-repeat 0 2px;
	margin-bottom: 8px;
}

#page1 div.textarea p.line,
#page2 div.textarea p.line,
#page3 div.textarea p.line,
#page4 div.textarea p.line,
#page5 div.textarea p.line,
#page6 div.textarea p.line,
#page7 div.textarea p.line,
#page8 div.textarea p.line,
#page9 div.textarea p.line {
	width: 549px;
	background: url(../img/line02.gif) repeat-x;
	margin: 10px 0 0;
}

#page1 p.step,
#page2 p.step,
#page3 p.step {
	font-size: 14px;
	font-weight: bold;
	color: #0084a0;
	margin-bottom: 4px;
}

#page4 p.step,
#page5 p.step,
#page6 p.step {
	font-size: 14px;
	font-weight: bold;
	color: #e69700;
	margin-bottom: 4px;
}

#page7 p.step,
#page8 p.step,
#page9 p.step {
	font-size: 14px;
	font-weight: bold;
	color: #be1976;
	margin-bottom: 4px;
}

#page1 p.step img,
#page2 p.step img,
#page3 p.step img,
#page4 p.step img,
#page5 p.step img,
#page6 p.step img,
#page7 p.step img,
#page8 p.step img,
#page9 p.step img {
	margin-right: 5px;
}

#page1 p.pay,
#page2 p.pay,
#page3 p.pay,
#page4 p.pay,
#page5 p.pay,
#page6 p.pay,
#page7 p.pay,
#page8 p.pay,
#page9 p.pay {
	width: 535px;
	margin-bottom: 0.5em;
	margin-left: 12px;
}

#page1 p.pay img,
#page2 p.pay img,
#page3 p.pay img,
#page4 p.pay img,
#page5 p.pay img,
#page6 p.pay img,
#page7 p.pay img,
#page8 p.pay img,
#page9 p.pay img {
	margin-right: 5px;
}

#page1 p.arrow,
#page2 p.arrow,
#page3 p.arrow {
	height: 50px;
	background: url(../img/blue_arrow.jpg) no-repeat 12px 0;
	margin: 0;
}

#page4 p.arrow,
#page5 p.arrow,
#page6 p.arrow {
	height: 50px;
	background: url(../img/yellow_arrow.jpg) no-repeat 12px 0;
	margin: 0;
}

#page7 p.arrow,
#page8 p.arrow,
#page9 p.arrow {
	height: 50px;
	background: url(../img/pink_arrow.jpg) no-repeat 12px 0;
	margin: 0;
	text-indent: -99999px;
}



/*----------Q＆A-------*/


#question ul {
	width: 260px;
	margin: 0 0 0 10px;
	float: left;
}

#question ul li {
	width: 260px;
	font-size: 90%;
}

#question ul li a {
	color: #0097ae;
}

#question div {
	width: 569px;
	background: url(../img/q_line.jpg) no-repeat;
}

#question h3 {
	width: 534px;
	height: 30px;
	display: block;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #0097ae;
	padding: 0 0 0 35px;
	clear: both;
}

/* IE6*/
* html #question h3 {width: 534px; padding: 2px 0 0 35px;}
/* */ 


#question h3.q01 {background: url(../img/q01.jpg) no-repeat;}
#question h3.q02 {background: url(../img/q02.jpg) no-repeat;}
#question h3.q03 {background: url(../img/q03.jpg) no-repeat;}
#question h3.q04 {background: url(../img/q04.jpg) no-repeat;}
#question h3.q05 {background: url(../img/q05.jpg) no-repeat;}
#question h3.q06 {background: url(../img/q06.jpg) no-repeat;}
#question h3.q07 {background: url(../img/q07.jpg) no-repeat;}
#question h3.q08 {background: url(../img/q08.jpg) no-repeat;}
#question h3.q09 {background: url(../img/q09.jpg) no-repeat;}
#question h3.q10 {background: url(../img/q10.jpg) no-repeat;}
#question h3.q11 {background: url(../img/q11.jpg) no-repeat;}
#question h3.q12 {background: url(../img/q12.jpg) no-repeat;}
#question h3.q13 {background: url(../img/q13.jpg) no-repeat;}
#question h3.q14 {background: url(../img/q14.jpg) no-repeat;}
#question h3.q15 {background: url(../img/q15.jpg) no-repeat;}
#question h3.q16 {background: url(../img/q16.jpg) no-repeat;}
#question h3.q17 {background: url(../img/q17.jpg) no-repeat;}
#question h3.q18 {background: url(../img/q18.jpg) no-repeat;}
#question h3.q19 {background: url(../img/q19.jpg) no-repeat;}
#question h3.q20 {background: url(../img/q20.jpg) no-repeat;}


#question p {
	width: 534px;
	padding-left: 35px;
}

#question p.a01 {background: url(../img/a01.jpg) no-repeat;}
#question p.a02 {background: url(../img/a02.jpg) no-repeat;}
#question p.a03 {background: url(../img/a03.jpg) no-repeat;}
#question p.a04 {background: url(../img/a04.jpg) no-repeat;}
#question p.a05 {background: url(../img/a05.jpg) no-repeat;}
#question p.a06 {background: url(../img/a06.jpg) no-repeat;}
#question p.a07 {background: url(../img/a07.jpg) no-repeat;}
#question p.a08 {background: url(../img/a08.jpg) no-repeat;}
#question p.a09 {background: url(../img/a09.jpg) no-repeat;}
#question p.a10 {background: url(../img/a10.jpg) no-repeat;}
#question p.a11 {background: url(../img/a11.jpg) no-repeat;}
#question p.a12 {background: url(../img/a12.jpg) no-repeat;}
#question p.a13 {background: url(../img/a13.jpg) no-repeat;}
#question p.a14 {background: url(../img/a14.jpg) no-repeat;}
#question p.a15 {background: url(../img/a15.jpg) no-repeat;}
#question p.a16 {background: url(../img/a16.jpg) no-repeat;}
#question p.a17 {background: url(../img/a17.jpg) no-repeat;}
#question p.a18 {background: url(../img/a18.jpg) no-repeat;}
#question p.a19 {background: url(../img/a19.jpg) no-repeat;}
#question p.a20 {background: url(../img/a20.jpg) no-repeat;}



/*----------サイトマップ-------*/
#sitemap ul {
	width: 250px;
	float: left;
}

#sitemap ul li {
	display: block;
	height: 21px;
}

#sitemap ul li a {
	color: #1e8dcf;
}

#sitemap ul li.icon01 {
	background: url(../img/sitemap_01.jpg) no-repeat;
	padding: 0 0 0 23px;
}

#sitemap ul li.icon02 {
	background: url(../img/sitemap_02.jpg) no-repeat;
	padding: 4px 0 0 44px;
}

#sitemap ul li.icon03 {
	background: url(../img/sitemap_03.jpg) no-repeat;
	padding: 0 0 0 50px;
}



/*----------バックナンバー-------*/
#back #primarycontents ul {
	width: 569px;
}

#back #primarycontents ul li {
	width: 569px;
	margin-bottom: 20px;
}

#back #primarycontents div.listbar {
	width: 528px;
	float: left;
	background: url(../img/mark05.jpg) no-repeat 0 6px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px #cccccc dotted;
	padding: 4px 20px 3px 18px;
}

/* IE6*/
* html #back #primarycontents div.listbar {width: 557px;padding: 5px 20px 5px 18px;}
/* */ 

#back #primarycontents div.listbar a {
	display: inline;
}

#back #primarycontents div.topics_inner {
	width: 559px;
}

#back #primarycontents div.topics_inner p {
	width: 552px;
	padding: 2px 0px 0 17px;
	margin-bottom: 0;
}

#back #primarycontents div.topics_inner a {
	float: right;
	display: block;
	width: 86px;
	height: 22px;
	background: url(../img/backno_ditel.gif) no-repeat 0 0;
}

#back #primarycontents div.topics_inner a:hover {background: url(../img/backno_ditel.gif) no-repeat 0 -22px;}

#back #primarycontents div.topics_inner a span {
	display: none;
}

#back #primarycontents ul li a span {
	display: none;
}




/* ------------------------------------

　SecondaryContents要素

------------------------------------ */

#secondarycontents div.left_doctor {
	width: 171px;
	background: url(../img/left_doctorarea_bg.gif) top no-repeat;
}

#secondarycontents div.left_doctor_inner {
	width: 171px;
	background: url(../img/left_doctorarea_btm.gif) bottom no-repeat;
	padding-bottom: 10px;
}

#secondarycontents div.left_doctor img {
	margin: 10px auto;
}

#secondarycontents div.left_doctor p {
	width: 151px;
	text-align: left;
	line-height: 120%;
	font-size: 90%;
	margin: 0 auto;
}

#secondarycontents div.left_doctor a {
	width: 88px;
	height: 23px;
	display: block;
	background: url(../img/left_doctor_btn.jpg) no-repeat;
	margin: 10px auto 0;
}

#secondarycontents div.left_doctor a span {
	display: none;
}


/* ------------------------------------
　2010.04.30　Q&A追加
------------------------------------ */

#question ul.w100,
#question ul.w100 li {
	width: auto;
}
#primarycontents table.noborder,
#primarycontents table.noborder td {
	border: none;
}