@charset "UTF-8";

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

	Art Corporation "Service"layout Styles

	Version:  8th Oct. 2009

	

	3-1.commonstyle

	3-2./option/

	3-3./apron

	3-4./curtain

	3-5./onestop

	3-6./pro7/mamechishiki

	3-7./pro5-2/item

	3-8./option/familysaloon

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



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

	3-1.commonstyle

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

div#main h2 {

	background: url(/common/img/h2_bg.gif) left top no-repeat;

	border-bottom: solid 2px #0050c8;

	margin: 0;

	padding: 5px 10px 4px 10px;

	font-size: 125%;

	font-weight: bold;

}



div#main h3 {

	background: #dbe9ff;

	border-left: solid 6px #0050c8;

	padding: 5px 4px 4px 4px;

	font-size: 125%;

	font-weight: bold;

}



div#main h4 {

	border-bottom: solid 2px #0050c8;

	padding: 5px 0 4px 0;

}



div#main h4 span {

	border-left: solid 6px #0050c8;

	padding: 0 4px;

	font-weight: bold;

}



div#main .indent { margin: 10px 10px 0 10px;}



div#main p.catch {

	margin: 20px 10px 0 10px;

	padding: 0;

	font-size: 150%;

	font-weight: bold;

	color: #004DC2;

}



div#main div.universalbox {

	background: url(/common/img/line_bg.gif) left top repeat-x;

	padding-top: 15px;

	width: 560px;

}



div#main div.universalbox div.img {

	display: inline;

	float: left;

	border: solid 1px #0050c8;

	margin: 0;

	width: 152px;

}



div#main div.universalbox dl {

	display: inline;

	float: right;

	width: 375px;

}



div#main div.universalbox dl dt {

	font-size: 125%;

	font-weight: bold;

	color: #0050c8;

}



div#main div.universalbox dl dd p {

	margin-top: 5px;

}



div#main p.detail {

	background: url(/common/img/arrow_detail.gif) 0 3px no-repeat;

	margin-top: 10px;

	padding-left: 15px;

}



div#main p.r {

	margin-top: 10px;

	text-align: right;

}



div#main a.detail {

	background: url(/common/img/arrow_detail.gif) 0 0 no-repeat;

	margin-top: 10px;

	padding-left: 15px;

}





div#main td div.imgright {

	margin-left: 10px;

}



div#main td div.imgleft {

	margin-right: 10px;

}



div#main p.caption {

	margin-top: 5px;

	margin-left: 10px;

	font-size: 84%;

}



div#main ul.normal { list-style-type: disc; margin: 10px 10px 0 25px;}

div#main ol.normal { list-style-type: decimal; margin: 10px 10px 0 25px;}



div#main div.waku {

	border: solid 1px #0050c8;

	padding: 10px;

}



div#main div.waku2 {

	border: solid 1px #fd5088;

	padding: 10px;

}





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

	3-2./option

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

div.dubble {

	background: url(/service/option/img/top/option-dubble_hd_bg.gif) left top no-repeat;

	margin-top: 20px;

	padding-top: 10px;

}



div.dubbleft {

	background: url(/service/option/img/top/option-dubble_ft_bg.gif) left bottom no-repeat;

	margin: 0;

	padding-bottom: 10px;

}



div.dubbleft div.optioninner {

	background: url(/service/option/img/top/option-dubble_bg.gif) left top repeat-y;

	margin: 0;

	padding: 0;

}



div.optioninner div.optionleft {

	display: inline;

	float: left;

	margin-right: 8px;

	padding: 0 2px;

	width: 272px;

}



* html div.optioninner div.optionleft { width: 276px;}



div.optioninner div.optionright {

	display: inline;

	float: left;

	padding: 0 2px;

	width: 272px;

}



* html div.optioninner div.optionright { width: 276px;}



div.optioninner div.optionleft div.img,

div.optioninner div.optionright div.img {

	display: inline;

	float: left;

	margin: 0;

	width: 111px;

}



div.optioninner div.optionleft dl,

div.optioninner div.optionright dl {

	display: inline;

	float: right;

	margin-right: 5px;

	width: 155px;

}



div.optioninner div.optionleft dl dt,

div.optioninner div.optionright dl dt  {

	font-size: 125%;

	font-weight: bold;

	color: #0050c8;

}



div.optioninner div.optionleft dl dd p,

div.optioninner div.optionright dl dd p {

	margin-top: 5px;

	margin-right: 5px;

}





div.single {

	background: url(/service/option/img/top/option-single_hd_bg.gif) left top no-repeat;

	margin-top: 20px;

	padding-top: 10px;

}



div.singleft {

	background: url(/service/option/img/top/option-single_ft_bg.gif) left bottom no-repeat;

	margin: 0;

	padding-bottom: 10px;

}



div.singleft div.optioninner {

	background: url(/service/option/img/top/option-single_bg.gif) left top repeat-y;

	margin: 0;

	padding: 0;

}





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

	3-3./apron

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

table.apronmenu {

	border-top: solid 1px #fd5088;

	border-right: solid 1px #fd5088;

	border-collapse: collapse;

}



table.apronmenu th,

table.apronmenu td {

	border-bottom: solid 1px #fd5088;

	border-left: solid 1px #fd5088;

	padding: 10px 0.5em;

	text-align: center;

}



table.apronmenu thead th { background: #f6c9d7;}



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

	3-4./curtain

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

table.plan {

	border-top: solid 1px #0050c8;

	border-right: solid 1px #0050c8;

	border-collapse: collapse;

}



table.plan td {

	border-bottom: solid 1px #0050c8;

	border-left: solid 1px #0050c8;

	padding: 10px;

}



table.plan td.plan01 { 

	background: #50baea;

	text-align: center;

}



table.plan td.plan02 { 

	background: #7bc7ba;

	text-align: center;

}



table.qa {

	border-top: solid 1px #0050c8;

	border-right: solid 1px #0050c8;

	border-collapse: collapse;

}



table.qa td {

	border-bottom: solid 1px #0050c8;

	border-left: solid 1px #0050c8;

	padding: 5px;

}



table.qa table td {

	border-bottom: none;

	border-left: none;

}



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

	3-5./onestop

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

div.onestopbox {

	border-bottom: solid 1px #ccc;

	padding-bottom: 15px;

	width: 560px;

}



div.onestopboxlast {

	border-bottom: none;

	padding-bottom: 15px;

	width: 560px;

}



div.onestopbox div.img,

div.onestopboxlast div.img {

	display: inline;

	float: left;

	margin: 0;

	width: 168px;

}



div.onestopbox dl,

div.onestopboxlast dl {

	display: inline;

	float: right;

	width: 380px;

}



div.onestopbox dl dt,

div.onestopboxlast dl dt {

	margin-top: 10px;

}



div.onestopbox dl dd p,

div.onestopboxlast dl dd p {

	margin-top: 10px;

}



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

	3-6./pro7/mamechishiki

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

table.shindo {

	border-top: solid 1px #0050c8;

	border-right: solid 1px #0050c8;

	border-collapse: collapse;

}



table.shindo th,

table.shindo td {

	border-bottom: solid 1px #0050c8;

	border-left: solid 1px #0050c8;

	padding: 10px 0.5em;

}



table.shindo thead th {

	background: #add6ff;

	text-align: center;

	font-weight: bold;

	color: #0050c8;

}



table.shindo tbody th {

	text-align: center;

	font-weight: bold;

	color: #0050c8;

}



div.frameft {

	background: url(/service/pro7/img/mamechishiki/frame_ft.gif) left bottom no-repeat;

	margin-top: 30px;

	padding-bottom: 10px;

	width: 559px;

}



div.framehd {

	background: url(/service/pro7/img/mamechishiki/frame_hd.gif) left top no-repeat;

	padding-top: 10px;

}



p.frame {

	border-right: solid 1px #add6ff;

	border-left: solid 1px #add6ff;

	padding: 5px 10px;

}



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

	3-7./pro5-2/item

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

div.itemft {

	background: url(/service/pro5-2/img/item/cont_ft.gif) left bottom no-repeat;

	margin-right: 21px;

	margin-left: 21px;

	margin-top: 10px;

	padding-bottom: 5px;

	width: 518px;

}



div.itemhd {

	background: url(/service/pro5-2/img/item/cont_hd.gif) left top no-repeat;

	padding-top: 4px;

}



div.item {

	background: url(/service/pro5-2/img/item/item_bg.gif) left top repeat-y;

}





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

	3-8./option/familysaloon

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

table.spec {

	border-top: solid 1px #0050c8;

	border-right: solid 1px #0050c8;

	border-collapse: collapse;

	margin-right: 10px;

	margin-left: 10px;

}



table.spec th,

table.spec td {

	border-bottom: solid 1px #0050c8;

	border-left: solid 1px #0050c8;

	padding: 10px;

	text-align: left;

}



table.spec th {

	background: #add6ff;

	font-weight: bold;

	color: #0050c8;

	width: 100px;

}