@charset "Windows-31J";

/* === Filename is "style-orange.css" ===

### style settings

*/

/* === body === */
body {
background-color:#EEE; margin:0px; padding:0px;

}



/* === wrapper === */
#wrapper {
	width:950px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	background-color:#FFFFFF;

}

#maincontents{
	width:902px;
	margin:0px auto;
	text-align:left;
	font-size:12px;
}


/* === header === */
#header {
	width:900px;
}
#header .left {
	width:600px;
	float:left;
	text-align:left;
}
#header .right {
	width:300px;
	float:right;
	text-align:right;
	padding:0px;
}
#main {
	width:902px;
	margin:0px 0px 0px 0px;
}
.price-l {
	width:412px; float:left;text-align:left;
}
.price-r {
	width:412px; float:right;text-align:right;
}
.clear {
	clear:both;
}

* html div#header img {
	display:block;
}

/* === contents === */
#contents {
	width:748px;
	background:#fff;
	margin:0px auto;
}

h1 {
	width:708px;
	height:55px;
	margin:18px auto 12px;
	text-align:center;
	font-size:24px;
	font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	color:#361f66;
	background:url(../images/h1-blue.jpg) no-repeat;
	padding-top:35px;
}
h2 {
	width:678px;
	height:32px;
	margin:20px auto 0;
	padding-left:39px;
	line-height:32px;
	font-size:80%;
}
h3 {
	width:708px;
	margin:20px auto 10px;
	font-size:80%;
}

#contents h1 span {
	font-size:36px;
	color:#ff0000;
}

#contents p.lead {
	width:708px;
	margin:0 auto;
	font-size:80%;
}

#contents table#mile {
	margin:20px auto 10px;
	font-size:80%;
}

#contents table#mile tr td {
	border:1px solid #cee4e1;
	padding:5px 10px;
}

.bgBlue{
	background:#ebf5f7;
}
.frame-a{border:1px solid #999; margin:10px 0px 16px 0px; padding:12px;
}
.frame-b{
	background-color:#EEE;
	margin:4px 0px 4px 0px;
	padding:6px;
}
.frame-c{
	background-color:#fff;
	margin:8px 0px 0px 0px;
	padding:8px 12px 10px 12px;
}
.frame-b td{ padding:2px 2px 2px 2px; text-align:left;font-size:12px;
}
.frame-a p{
	font-size:12px;
	line-height:1.8em;
	margin:4px 0px 4px 0px;
	padding:0px;
}
.frame-a h3{
	font-size:14px;
	line-height:1.5em;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px;
	border-bottom:1px solid #999;
	width:100%;
}
.transaction{background-color:#EEE; margin:10px 0px 16px 0px; padding:8px;
}
.tra-l{
	margin:0px 20px 0px 0px;
	padding:4px 0px 4px 0px;
	border-bottom:1px solid #CCC;
	width:410px;
	float:left;
	text-align:left;
}
.tra-r{
	margin:0px 0px 0px 0px;
	padding:4px 0px 4px 0px;
	border-bottom:1px solid #CCC;
	width:410px;
	float:right;
	text-align:left;
}
.tra-th{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:105px;
	float:left;
	text-align:left;
}
.tra-td{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:305px;
	float:left;
	text-align:left;
}

.bu{
	text-align:center; margin:10px 0px 10px 0px; width:900px;
}

.totop{
	text-align:right; margin:10px 0px 20px 0px; width:900px;
}
.title {
	margin:0px 0px 12px 0px;
	width:902px;
}
.item img { margin:0px 0px 10px 0px; 
}

.f_def { font-size:12px; line-height:1.5em;
}
.notice { font-size:11px; line-height:1.5em;
}
.frame{
 text-align:left; 
}
.border-l{
	width:495px;
	text-align:left;
	float:left;
}
.border-r{
	width:407px;
	text-align:left;
	float:right;
}
.com-l{
 width:340px; text-align:left; float:left;
}
.com-r{
 width:560px; text-align:left; float:right;
}
.com-r p{
	font-size:12px;
	line-height:1.8em;
	margin:10px 0px 0px 0px;
	padding:0px;
}
.brown{
	font-weight:bold;
}



.frame td{
	padding:3px 10px 3px 10px; font-size:11px; 
}
.frame th{
	padding:3px 10px 3px 10px; font-size:11px; background-color:#C8F5FF; font-weight:bold;
}

#merit{
 width:748px; text-align:left; background:url(../images/merit_bg.gif) repeat-y;
}
#merit .left{
 width:380px; text-align:left; float:left;
}
#merit .right{
 width:368px; text-align:left; float:right;
}
#merit .left p { padding:0px 30px 2px 48px;

}
#merit .right p { padding:0px 30px 2px 36px;

}

#contents p.arrowLink {
	background:url(../images/arrow.jpg) no-repeat left center;
	margin-left:16px;
	padding-left:10px;
}

#contents #freeArea {
	width:708px;
	height:200px;
	background:#e5e5e5;
	margin:15px auto;
}

#contents #freeArea p {
	text-align:center;
	padding-top:80px;
}

/* === button === */

#contents #shoppingBtn {
	margin-left:254px;
}

#contents #shoppingBtn a {
	display: block;
	width:200px;
	height:33px;
	background:url(../images/btnblue-shopping.jpg) no-repeat;
	text-align:center;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:12px 0 0 0;
}

#contents #shoppingBtn a:hover {
position: relative;
top: 1px;
left: 1px;
text-decoration: none;
}

#contents table#step {
	margin:10px auto 0;
	font-size:80%;
	background:url(../images/bg-stepb.jpg) repeat-y;
}

#contents table#step tr {
	background:url(../images/bottom-stepb.jpg) no-repeat left bottom;
}

#contents table#step tr td dl {
	padding:3px 30px 5px 10px;
}

#contents table#step tr td dl dt {
	margin-bottom:5px;
	text-align:center;
	color:#fa620e;
	font-weight:bold;
}

#contents table#step tr td#stepRight dl {
	padding:3px 10px 5px 10px;
}

#contents table#step tr td p {
	padding:3px 30px 10px 10px;
	text-align:center;
}

#contents #shallwestart {
	width:708px;
	margin:10px auto;
}

#contents ul {
	width:708px;
	margin:0 auto;
	padding-bottom:40px;
}

#contents ul li {
	margin-left:16px;
	list-style-type:disc;
	list-style-position:outside;
}




/* === footer === */
#footer{
	width:900px;
	height:31px;
	margin: 0px auto;
}

#footer address{
	line-height:31px;
	min-height:31px;
	text-align:center;
	color: #666666;
	font-size: 12px;
}



/* === parts === */
.mb20 {margin-bottom:20px;}

.change {
	color:#f00;
	font-weight:bold;
}


/* section 5 */
#section5 h2 {
    margin: 0 0 29px 0;
    padding: 20px 0 18px 184px;
    background: url(inship_img/sec05_h2bg.gif) no-repeat left top;
}
#section5 dl.step  {
	clear: both;
	background: url(../images/sec05_img_arrow.gif) no-repeat left bottom;
	margin: 0 35px 0 35px;
	padding: 0 0 30px 0;
	zoom: 1;
}
#section5 dl.step:after {
    content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#section5 dl.step dt {
    float: left;
    width: 101px;
}
#section5 dl.step dd {
	float: right;
	width: 700px;
}
#section5 dl.step dd h3 {
    font-weight: bold;
    color: #0095FF;
    margin: 0 0 10px 0;
    font-size: 20px;
}
#section5 dl.step dd p {
	line-height: 1.6;
}
#section5 dl.step dd p.icon {
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 0px 2em;
	line-height: 22px;
	color: #FF5959;
	text-indent: -2em;
}
#section5 dl.step dd p.icon1 {
}
#section5 dl.step dd p.icon2 {
}
#section5 dl.step dd p.icon3 {
}
#section5 dl.step dd ul {
    margin: 0 0 10px 0;
    line-height: 1.6;
}
#section5 dl.step dd ul li {
    padding: 0 0 0 1em;
    text-indent: -1em;
}
#section5 dl.step dd h4 {
    margin: 0 0 18px 0;
}
#section5 dl.step dd dl.step3 dd {
	float: right;
	width: 570px;
}
#section5 dl.step dd dl.step3 dd p {
    line-height: 1.6;
    margin: 0 0 1em 0;
}
#section5 dl.step dd dl.step3 dd p span {
    font-weight: bold;
}

#section5 div.convenience_info {
	padding: 0 0 10px 0;
	width: 100%;
	color: #FFFFFF;
	background: #FFE3E3;
	clear: both;
}
#section5 div.convenience_info p {
    padding: 20px 20px 0 20px;
    margin: 0 0 5px 0;
    font-weight: bold;
    font-size: 14px;
}
#section5 div.convenience_info ul {
    padding: 0 20px 0px 20px;
}
#section5 p.bold {
    font-weight: bold;
}
#section5 p.satei {
    margin: 0 0 15px 0;
}
#section5 dl.noArrow {
    background: none !important;
}
#section5 div.kakunin {
    margin: 0 59px 40px 61px;
    padding: 25px 25px 30px 25px;
    background-color: #F6E8C0;
    clear: both;
}
#section5 div.kakunin h4 {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 14px;
	color: #FF5959;
}
#section5 div.kakunin div.img {
    padding: 25px 0 0 0;
    text-align: center;
}
#section5 div.eco_program {
    margin: 0 59px 0 61px;
    padding: 25px 22px 30px 25px;
    background-color: #EDEFCC;
}
#section5 div.eco_program h3 {
    margin: 0 0 20px 0;
}
#section5 div.eco_program h4 {
    margin: 0 0 5px 0;
}
#section5 div.eco_program p {
    margin: 0 0 15px 0;
    line-height: 1.6;
}
#section5 div.eco_program ul li {
    padding: 0 9px 20px 0;
    float: left;
}
#section5 div.eco_program ul li.last {
    padding: 0 0 20px 0;
}
#section5 div.eco_program p.textImg {
    clear: both;
    margin: 0;
}


/* section 6 */
#section6 h2 {
    margin: 0 0 29px 0;
    padding: 20px 0 18px 184px;
    background: url(inship_img/sec06_h2bg.gif) no-repeat left top;
}
#section6 .onegai {
	height: 195px;
	margin: 0 0 25px 0;
	padding: 0 35px 0 35px;
}
#section6 .onegai li {
    height: 195px;
    background-color: #FF7900;
}
#section6 .onegai li.left1 {
    float: left;
    width: 545px;
}
#section6 .onegai li.left1 div {
    padding: 13px 16px 0 17px;
}
#section6 .onegai li.right1 {
	float: right;
	width: 280px;
}
#section6 .onegai li.right1 div {
    padding: 13px 10px 0 15px;
}
#section6 .onegai li h3 {
	margin: 0 0 15px 0;
	width: 256px;
}
#section6 .onegai li dl.left1 {
    float: left;
    width: 225px;
}
#section6 .onegai li dl.right1 {
    float: right;
    width: 240px;
}
#section6 .onegai li dl dt {
    margin: 0 0 5px 0;
}
#section6 .onegai li dl dd {
    line-height: 1.6;
    color: #FFFFFF;
}
#section6 div.table_box {
	clear: both;
	padding: 0 35px 15px 35px;
}
#section6 div.table_box table {
    margin: 0 0 25px 0;
    width: 835px;
}
#section6 div.table_box table thead th {
	line-height: 1.6;
	width: 20%;
	border: 2px solid #FFFFFF;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 40px;
	background-color: #75BAFF;
}
#section6 div.table_box table thead td {
	line-height: 1.6;
	border: 2px solid #FFFFFF;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0 0 0 15px;
	line-height: 40px;
	background-color: #75BAFF;
}
#section6 div.table_box table tbody th {
	font-weight: bold;
	line-height: 1.6;
	width: 20%;
	border: 2px solid #FFFFFF;
	text-align: center;
	padding: 15px;
	background-color: #FFC8C8;
}
#section6 div.table_box table tbody td {
	line-height: 1.6;
	vertical-align: top;
	border: 2px solid #FFFFFF;
	padding: 15px;
	background-color: #FFEAE3;
}
#section6 div.table_box table tbody td ul {
    padding: 0 0 0 15px;
}
#section6 div.table_box table tbody td li {
    list-style: disc outside;
}
#section6 div.table_box p {
	font-weight: bold;
	margin: 0 0 6px 8px;
	padding: 0 0 0 22px;
	line-height: 19px;
	background: url(../images/sec06_img06.gif) no-repeat left top;
}
#section6 div.table_box p span {
    color: #FF7900;
    padding: 0 25px 0 0;
}
#section6 div.attention {
	margin: 0 59px 0 61px;
	padding: 15px 0;
	background: url(../images/sec06_img07.gif) no-repeat 45px center;
	background-color: #FFED95;
}
#section6 div.attention ul {
    margin: 0 25px 0 190px;
}
#section6 div.attention ul li {
    list-style: disc;
    font-size: 84%;
    line-height: 1.6;
}

#outline{
width:860px; margin:0px 21px; text-align:left;
}
#outline h3{
	font-size:12px;
	font-weight:bold;
	color:#009933;
	margin:0px 0px 2px 0px;
	padding:8px 0px 0px 0px;
}
#outline p{
	font-size:12px;
	margin:0px 0px 16px 0px;
	padding:0px;
}
#outline .red{
	font-size:14px;font-weight:bold;
	color:#CC0000;
}
#packin{
	width:770px;
	margin:10px auto 20px auto;
	text-align:left;
}
#packin #frame{
	width:740px;
	margin:16px auto 24px auto;
	padding:10px 14px 10px 14px;
	text-align:left;
	border:1px solid #999;
}
#packin ul{
	list-style:disc; margin:0px 0px 0px 20px;
}
#packin li{margin:0px 0px 4px 0px;
}
#packin h2{
	font-size:14px;font-weight:bold;
	color:#CC0000; border-bottom:1px solid #CCC; margin:0px auto 16px auto; padding:0px; text-align:center;
}

.case-l{ width:440px; height:116px;background: url(../images/bg_case.gif) ;float:left;margin:0px 0px 14px 0px;
}
.case-r{ width:440px; height:116px;background: url(../images/bg_case.gif) ;float:left; margin:0px 0px 14px 20px;
}
.case1{
	width:256px;
	height:25px;
	background: url(../images/case_01.gif) no-repeat;
	padding:6px 0px 0px 62px;
	margin:0px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	color: #FFFFFF;
}
.case2{
	width:256px;
	height:25px;
	background: url(../images/case_02.gif) no-repeat;
	padding:6px 0px 0px 62px;
	margin:0px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	color: #FFFFFF;
}
.case3{
	width:256px;
	height:25px;
	background: url(../images/case_03.gif) no-repeat;
	padding:6px 0px 0px 62px;
	margin:0px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	color: #FFFFFF;
}
.case4{
	width:256px;
	height:25px;
	background: url(../images/case_04.gif) no-repeat;
	padding:6px 0px 0px 62px;
	margin:0px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	color: #FFFFFF;
}
.case5{
	width:256px;
	height:25px;
	background: url(../images/case_05.gif) no-repeat;
	padding:6px 0px 0px 62px;
	margin:0px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	color: #FFFFFF;
}
.case6{
	width:256px;
	height:25px;
	background: url(../images/case_06.gif) no-repeat;
	padding:6px 0px 0px 62px;
	margin:0px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	color: #FFFFFF;
}
.case7{
	width:256px;
	height:25px;
	background: url(../images/case_07.gif) no-repeat;
	padding:6px 0px 0px 62px;
	margin:0px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	color: #FFFFFF;
}
.case8{
	width:256px;
	height:25px;
	background: url(../images/case_08.gif) no-repeat;
	padding:6px 0px 0px 62px;
	margin:0px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	color: #FFFFFF;
}
.case9{
	width:256px;
	height:25px;
	background: url(../images/case_09.gif) no-repeat;
	padding:6px 0px 0px 62px;
	margin:0px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	color: #FFFFFF;
}
.case10{
	width:256px;
	height:25px;
	background: url(../images/case_10.gif) no-repeat;
	padding:6px 0px 0px 62px;
	margin:0px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	color: #FFFFFF;
}


.photo{ width:116px; float:left;
}
.notes{ width:314px; float:right; text-align:left; padding:10px 10px 0px 0px;
}
.name{ width:314px; height:43px; padding:3px 0px 0px 0px;
}
.price{
	width:230px;
	background: url(../images/price.gif) no-repeat;
	padding:0px 0px 0px 78px;
	margin:0px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	color:#FF3366;
}