@charset "UTF-8";

/*
一般的な設定 */

* {
	margin: 0;
	color: #555;
	font-weight: normal;
	font-style: normal;
	font-family: 'Hiragino Kaku Gothic Pro','Verdana', sans-serif;
	text-decoration: none;
	}

body    {
	background: url(/design/GMOH001698/images/bg.gif) center top repeat-y #fff;
	font-size: 100%;
	}
td { font-size: 100%; }
img     { border: none; }
p       { line-height: 1.5; }

form    { padding: 0; }
input   { padding: 0; }
select  {
	padding: 0;
	font-size: 95%;
	}
textarea  {
	padding: 0;
	font-size: 95%;
	}

strong  { font-weight: bold; }
strong a{ font-weight: bold; }
strong.imp {
	font-weight: bold;
	color: #C00;
	}
.clear  { clear: both; height: 0px; }
.clear2 { clear: both; height: 0px; *display: none; }

a:link    { color: #d23a47; text-decoration: underline; }
a:visited { color: #d45c69; text-decoration: underline; }
a:hover   { color: #900; text-decoration: none; }
a:active  { color: #d23a47; text-decoration: underline; }

.ac   { text-align: center; }
.al   { text-align: left; }
.ar   { text-align: right; }

.sp01 { margin-left: 2px; }
.sp02 { margin: 0 0 10px 2px; }
.sp03 { margin-right: 5px; }

.red{ color:#cc0000;}
.redBold{ color:#cc0000; font-weight:bold;}

/*
ヘッダーエリア */

table.header    { width: 780px; }
table.header td { background: #000; }

td.hdCopy {
	height: 27px;
	padding-top: 5px;
	padding-left: 70px;
	font-size: 87.5%;
	*font-size: 80%;
	color: #fff;
	}

td.hdInfoMenu {
	height: 20px;
	font-size: 87.5%;
	*font-size: 80%;
	color: #fff;
	text-align: right;
	}

td.hdInfoMenu a {
	background: url(/design/GMOH001698/images/icon1.gif) left center no-repeat;
	margin-right: 15px;
	padding-left: 12px;
	}
td.hdInfoMenu a:link    { color: #fff; }
td.hdInfoMenu a:visited { color: #ccc; }
td.hdInfoMenu a:hover   { color: #ff6; }
td.hdInfoMenu a:active  { color: #fff; }


/*
左ナビエリア */
div.leftBox {
	margin-top: 5px;
	margin-left: 5px;
	}

div#developingArea {
	width: 146px;
	*width: 148px;
	margin-left: 2px;
	margin-bottom: 15px;
	border: 1px solid #f00;
	}

ul#developing {
	margin-top: 7px;
	padding: 0;
	}

ul#developing li {
	margin: 0 10px 7px 10px;
	list-style: none;
	font-size: 87.5%;
	*font-size: 80%;
	line-height: 1.5;
	}

ul#developing li.end {
	margin-top: 12px;
	text-align: right;
	}

li#devIco1 {
	background:url(/design/GMOH001698/images/icon-kaihatsu1.gif) left top no-repeat;
	padding-left: 35px;
	}
li#devIco2 {
	background:url(/design/GMOH001698/images/icon-kaihatsu2.gif) left top no-repeat;
	padding-left: 35px;
	}
li#devIco3 {
	background:url(/design/GMOH001698/images/icon-kaihatsu3.gif) left top no-repeat;
	padding-left: 35px;
	}
li#devIco4 {
	background:url(/design/GMOH001698/images/icon-kaihatsu4.gif) left top no-repeat;
	padding-left: 35px;
	}

div#mobileIntroArea {
	width: 148px;
	*width: 148px;
	background: url(/design/GMOH001698/images/bg-left-mobile.gif) left top no-repeat #fff1bf;
	margin-bottom: 10px;
	margin-left: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 80%;
	*font-size: 70%;
	line-height: 1.5;
	}

div#mobileIntroArea #mArea1 {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 55px;
	}

div#mobileIntroArea #mArea2 {
	margin-bottom: 10px;
	line-height: 2.0;
	text-align: center;
	}

div#mobileIntroArea #mArea3 {
	margin-right: 10px;
	margin-left: 10px;
	}

div#mobileIntroArea #mArea4 {
	margin-right: 10px;
	text-align: right;
	}


/*
フッターエリア */

div.pagetop {
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	text-align: right;
	}

div.footerArea {
	background: #000;
	}

div.ftInfoMenu {
	padding: 10px 0;
	font-size: 87.5%;
	*font-size: 80%;
	color: #fff;
	text-align: center;
	}

div.ftInfoMenu a {
	margin: 0 5px;
	padding-left: 12px;
	}
div.ftInfoMenu a:link    { color: #fff; }
div.ftInfoMenu a:visited { color: #ccc; }
div.ftInfoMenu a:hover   { color: #ff6; }
div.ftInfoMenu a:active  { color: #fff; }

address {
	padding-bottom: 10px;
	font-size: 87.5%;
	*font-size: 80%;
	color: #fff;
	text-align: center;
	}


/*
装飾要素 */

div.contentsBox {
	margin: 0 10px;
	}

table.detailBox {
	width:540px;
	margin:0 auto;
	}

h2 {
	margin: 10px 0 1em;
	padding: 3px 0 3px 6px;
	border-left: 6px solid #222;
	color: #222;
	font-size: 140%;
	*font-size: 130%;
	font-weight: bold;
	line-height: 1.0;
	text-align: left;
	}

h3{
	margin:1em 0 0 0;
	color:#C00;
	}

a.icon1 {
	background: url(/design/GMOH001698/images/icon1.gif) left center no-repeat;
	margin-right: 15px;
	padding-left: 12px;
	}

a.icon2 {
	background: url(/design/GMOH001698/images/icon2.gif) left center no-repeat;
	padding-left: 12px;
	}


dl.dlStyle { margin: 0 10px; }

dl.dlStyle dt {
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 1.4;
	}

dl.dlStyle dd {
	margin-left: 1em;
	margin-bottom: 5px;
	line-height: 1.4;
	}

table.tblSt1 {
	border-collapse: collapse;
	}

table.tblSt1 th {
	background: #eee;
	padding: 3px;
	border: 1px solid #ccc;
	font-size: 87.5%;
	*font-size: 80%;
	font-weight: bold;
	}

table.tblSt1 td {
	padding: 3px;
	border: 1px solid #ccc;
	line-height: 1.5;
	}

div.cartBox {
	width: 540px;
	background: #FEE5E8;
	padding: 10px 0;
	line-height: 1.5;
	}

.cartTblDesc {
	padding-right: 20px;
	padding-left: 20px;
	font-size:95%;
	*font-size:80%;
	}

.cartTblDesc select {
	font-size:87.5%;
	*font-size:100%;
	}

div.kodawari1 { width: 540px; }
div.kodawari2 { width: 540px; }
div.kodawari3 { width: 540px; }

div.kodawari1 div {
	margin-bottom: 20px;
	width: 440px;
	margin-left: 40px;
	margin-right: 20px;
	font-size: 87.5%;
	*font-size: 80%;
	text-align: left;
	line-height: 1.5;
	}

div.kodawari1 table {
	width: 440px;
	margin-left: 50px;
	margin-right: 20px;
	}

div.kodawari1 table th {
	padding-bottom: 10px;
	font-size: 87.5%;
	*font-size: 80%;
	text-align: center;
	}

div.kodawari1 table td {
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 87.5%;
	*font-size: 80%;
	}

div.kodawari1 table td strong {
	color: #DF3A00;
	}

div.kodawari1 table p {
	font-size: 95%;
	text-align: left;
	line-height: 1.5;
	}

div.kodawari2 div {
	margin-bottom: 10px;
	width: 440px;
	margin-left: 40px;
	margin-right: 20px;
	font-size: 87.5%;
	*font-size: 80%;
	text-align: left;
	line-height: 1.5;
	}

div.kodawari3 div {
	margin-bottom: 10px;
	width: 440px;
	margin-left: 40px;
	margin-right: 20px;
	font-size: 87.5%;
	*font-size: 80%;
	text-align: left;
	line-height: 1.5;
	}

div.storyBox {
	width: 540px;
	background: url(/design/GMOH001698/images/products/title2-story-repeat.gif) left top repeat-y;
	}

div.storyBox div {
	margin: 0 40px;
	font-size: 87.5%;
	*font-size: 80%;
	text-align: left;
	line-height: 1.5;
	}

div.howToUse { width: 540px; }

div.howToUse div {
	margin: 0 40px;
	font-size: 87.5%;
	*font-size: 80%;
	text-align: left;
	line-height: 1.5;
	}

div.soapMovie{
	text-align:center;
	margin: 30px 0;
}


div.voiceBox1 {
	float: left;
	width: 260px;
	margin-left: 10px;
	margin-bottom: 10px;
	}

div.voiceBox1 th {
	background: #ffffd3;
	padding: 0 20px;
	}

div.voiceBox1 td {
	background: #ffffd3;
	padding-right: 10px;
	}

div.voiceBox1 p {
	font-size: 87.5%;
	*font-size: 80%;
	text-align: left;
	line-height: 1.5;
	}

div.voiceBox2 {
	float: left;
	width: 260px;
	margin-left: 10px;
	margin-bottom: 10px;
	}

div.voiceBox2 th {
	background: #FEE5E8;
	padding: 0 20px;
	}

div.voiceBox2 td {
	background: #FEE5E8;
	padding-right: 10px;
	}

div.voiceBox2 p {
	font-size: 87.5%;
	*font-size: 80%;
	text-align: left;
	line-height: 1.5;
	}

div.caution {
	width: 508px;
	*width: 540px;
	background: #E7E7E5;
	padding: 15px;
	border: 1px solid #999;
	}

div.caution div {
	text-align: center;
	}

div.caution p {
	font-size: 87.5%;
	*font-size: 80%;
	text-align: left;
	line-height: 1.5;
	}


div#sample{
	width:508px;
	*width:540px;
	}

div#sample p {
	font-size: 87.5%;
	*font-size: 80%;
	text-align: left;
	line-height: 1.5;
	}

#qa{
	margin:20px 0 50px;
}

#qa li{
	font-size: 87.5%;
	*font-size: 80%;
	margin:10px 0 0 0;
	padding-left:22px;
	background-image:url(http://www.maritsuki.jp/images/icon3.gif);
	background-repeat:no-repeat;
	background-position:left top;
	list-style:none;
}

.fl{
float:left;
margin:0 15px 0 0;
}

.fr{
float:right;
margin:0 0 0 15px;
}