@charset "utf-8";
/*==================================================
	Universal Reset
==================================================*/
* { margin: 0; padding: 0; }
body { line-height: 1.6;  color: #333; font-size: 100%; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: bold; margin-bottom: 10px; }
address { font-style: normal; }
strong { font-weight: normal; }
em { font-style: normal; }
img { border: 0; font-size: 0; }
ul, dl { list-style: none; }
ol { padding-left: 2.1em; }
dt { font-weight: bold; }
th { font-weight: normal; text-align: left; }
input, select { vertical-align: middle; }
textarea { font-size: 1em; }
fieldset { border: 0 none; }
legend { display: none; }
/*==================================================
	Font Size Adjust
==================================================*/
p, li, dt, dd, th, td, h1, h2, h3, h4, h5, h6 { font-size: 100%; }
li p, li li, li dt, li dd, dd p, dd li, dd dt, dd dd { font-size: 100%; }
li h1, li h2, li h3, li h4, li h5, li h6 { font-size: 100%; }
li th, li td { font-size: 100%; }
td p, td li, td dt, td dd { font-size: 100%; }
td td, td th, th td, th th { font-size: 100%; }
td h1, td h2, td h3, td h4, td h5, td h6 { font-size: 100%; }
th p, th li, th dt, th dd { font-size: 100%; }
th h1, th h2, th h3, th h4, th h5, th h6 { font-size: 100%; }
/*==================================================
	Default Style
==================================================*/
a { color: #000; text-decoration: none; font-weight: bold; font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;}
a:visited { color: #666; }
a:hover, a:active { color: #f60; text-decoration: none; }
a:hover img { opacity: 0.5; filter: alpha(opacity=30); }
strong { font-weight: bold; }
em { color: #f00; }
sup { vertical-align: top; }
sub { vertical-align: baseline; }
ul, dl, ol, p, table { margin: 0; }
caption { text-align: left; }
li ul, li ol, li dl, dd ul, dd ol, dd dl { margin-bottom: 0; }
/*==================================================
	Decorations
==================================================*/
hr { border: none; border-bottom: 1px dotted #ccc; }
/*==================================================
	Radius角丸
==================================================*/
.curved { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: relative; behavior: url(/shared/css/PIE.htc); }
/*==================================================
	Indivisual
==================================================*/
body { margin: 0; padding: 0; background: #eee; }
h1, h2 { clear: both; }
h1 { display: block; width: 850px; height: 52px; margin: 0 0 20px 0; background-position: -10px -10px; background: url("images/sprite.png") top left no-repeat; text-indent: -9999px; }
h2 { display: block; width: 850px; border-bottom: 1px solid #333; font-size: 20px; font-weight: bold; text-shadow: 1px 1px 2px #ddd; behavior: url(/shared/css/PIE.htc);  margin:10px 0;}
/*
section - article - footer
*/
section, div#section { display: block; float: none; position: relative; clear: both; width: 880px; height: auto; min-height: 600px; border: 2px solid #999; border-radius: 4px; margin: 10px auto; padding: 5px 10px; background: #fff; behavior: url(/shared/css/PIE.htc); }
section:after, div#section:after { display: block; clear: both; height: 0; margin: 0; padding: 0; content: ""; }
article, div.article { display: block; float: left; clear: both; width: 870px; height: auto; margin: 0 0 10px 0; padding: 5px; }
footer, div#footer { display: block; float: left; position: absolute; bottom: 5px; clear: both; width: 100%; height: auto; margin: 0; padding: 0; text-align: center; font-size: x-small; }
div.backnav { position: absolute; bottom: 20px; }
/*
Align
*/
.bl_center { margin: 0 auto !important; }
.w280 { width: 280px; }
/*
buttons
*/
a.btn_choose { display: block; float: left; position: relative/* IE8 bgcolor bug */; width: 270px; height: 50px; margin: 5px; padding: 0; background: #000; border: 2px solid #000; border-radius: 4px; text-align: center; line-height: 50px; text-decoration: none; color: #fff; font-size: 14pt; behavior: url(/shared/css/PIE.htc); }
a.btn_choose2 { display: block; float: right; position: relative/* IE8 bgcolor bug */; width: 270px; height: 50px; margin: 5px; padding: 0; background: #000; border: 2px solid #000; border-radius: 4px; text-align: center; line-height: 50px; text-decoration: none; color: #fff; font-size: 14pt; behavior: url(/shared/css/PIE.htc); }
a.btn_choose2:hover, a.btn_choose:hover { 　position: relative/* IE8 bgcolor bug */; border: 2px solid #666; border-radius: 4px; color: #fff; background: #F90; behavior: url(/shared/css/PIE.htc); }
div.backnav a.btn_choose { display: block; float: left; position: relative/* IE8 bgcolor bug */; width: 270px; height: 50px; margin: 5px; padding: 0; background: #fff; border: 2px dotted #999; border-radius: 4px; text-align: center; line-height: 50px; text-decoration: none; color: #000; font-size: 14pt; behavior: url(/shared/css/PIE.htc); }
div.backnav a.btn_choose:hover { 　position: relative/* IE8 bgcolor bug */; border: 2px dotted #999; border-radius: 4px; color: #fff; background: #F90; behavior: url(/shared/css/PIE.htc); }


/*
Unit
*/
#unit { display:block; clear:both;}
#unit p { display: block; float: left; position: relative/* IE8 bgcolor bug */; width: 250px; height: auto; min-height: 100px; margin: 5px; padding: 10px; background: #eee; border: 2px solid #eee; border-radius: 4px; text-align: left; line-height: 1.4em; text-decoration: none; color: #000; font-size: 12pt; behavior: url(/shared/css/PIE.htc); }
#unit p.center { display: block; float: left; position: relative/* IE8 bgcolor bug */; width: 250px; min-height: 100px; margin: 5px; padding: 10px; background: #eee; border: 2px solid #eee; border-radius: 4px; text-align: left; line-height: 1.4em; text-decoration: none; color: #000; font-size: 12pt; behavior: url(/shared/css/PIE.htc); clear: both; }
#unit img { display: block; float: left; position: relative; width: 270px; height: auto; min-height: 100px; margin: 7px; padding: 0px; }
div.unitHalf { display:block; width:410px; float:left; margin:1px 10px; font-size:9pt; }
div.unitCenter{ width:600px; margin:0 auto;}
/*
lists
*/
.list_choose { margin: 0; padding: 0; list-style: none; }
.list_choose li { display: block; float: left; position: relative/* IE8 bgcolor bug */; width: auto; height: 23px; margin: 0 3px 0 0; padding: 1px 15px; background: #6C3; text-align: center; line-height: 23px; color: #fff; border-radius: 4px; behavior: url(/shared/css/PIE.htc); font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; }
/*
dt dd 
*/
dl.list_price { display:block; width:420px; float:left; margin: 20px 5px 0 5px; }
.list_price dt { clear: left; float: left; width: 8em; }
.list_price dd { margin: 0 0 0.2em 8em; }
.list_price dt:first-child, .list_price dd.first { font-size: 24px; border-bottom: 1px solid #666; }
.list_price dd.first { width: 200px; text-align: right; }