@charset "UTF-8";

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

	Art Corporation "Plan"layout Styles

	Version:  13th Nov. 2009

	

	3-1.commonstyle

	3-2./gakuwari/ryokin

	3-3./gakuwari/kaden_plan

	3-4./plan/option

	3-5./plan/kaigai

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



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

	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 div.waku {

	border: solid 1px #0050c8;

	padding: 10px;

}





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

	3-2./gakuwari/ryokin

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

table.ryokin {

	border-top: solid 2px #ccf;

	border-right: solid 2px #ccf;

	border-collapse: collapse;

	margin-right: 10px;

	margin-left: 10px;

}



table.ryokin th,

table.ryokin td {

	border-bottom: solid 2px #ccf;

	border-left: solid 2px #ccf;

	padding: 5px 0.5em;

}



table.ryokin thead th {

	background: #ccf;

	font-weight: bold;

	text-align: center;

}



table.ryokin tbody td div { text-align: center;}



table.ryokin tbody td ul {

	list-style-type: disc;

	margin-left: 25px;

}



table.ryokin tbody td.meyasu {

	background: #ccf;

	text-align: center;

}



table.ryokin tbody td p.price { text-align: center;}



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

	3-3./gakuwari/kaden_plan

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

table.sanyo {

	border-top: solid 1px #06c;

	border-right: solid 1px #06c;

	border-collapse: collapse;

	margin: 30px 10px 0 10px;

}



table.sanyo th,

table.sanyo td {

	border-bottom: solid 1px #06c;

	border-left: solid 1px #06c;

	padding: 5px 0.5em;

}



table.sanyo thead th {

	background: #d5eaff;

	text-align: center;

}



table.sanyo tbody td { text-align: center;}



table.sanyo tbody td div { margin: 5px 0;}



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

	3-4./plan/option

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

div.dubble {

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

	margin-top: 20px;

	padding-top: 10px;

}



div.dubbleft {

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

	margin: 0;

	padding-bottom: 10px;

}



div.dubbleft div.optioninner {

	background: url(/plan/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(/plan/option/img/top/option-single_hd_bg.gif) left top no-repeat;

	margin-top: 20px;

	padding-top: 10px;

}



div.singleft {

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

	margin: 0;

	padding-bottom: 10px;

}



div.singleft div.optioninner {

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

	margin: 0;

	padding: 0;

}





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

	3-5./plan/kaigai

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



table.kaigai {

	border-top: solid 1px #0050c8;

	border-right: solid 1px #0050c8;

	border-collapse: collapse;

}



table.kaigai td {

	border-bottom: solid 1px #0050c8;

	border-left: solid 1px #0050c8;

	padding: 3px;

	width: 252px;

}