@import url("common.css");
@import url("header.css");
@import url("item_column.css");
@import url("footer.css");

/* data box ------------------------------------------------------------ */

div.data_box {
margin: 0px 0px 20px 0px;
padding: 0px;
}

/* ClearFix >> */
*+html body div.data_box:after{ content:"."; display:block; clear:both; visibility:hidden; }
div.data_box { overflow:hidden; }
* html div.data_box { height:1%; overflow:visible; } /* Hides from IE-mac \*/
/* >> End ClearFix */

div.data_box h2 {
margin: 0px 5px 10px 5px;
padding: 6px 0px 3px 12px;
font-size: 90%;
line-height: 130%;
font-weight:bold;
background: url(../img/ttl_point04.gif) no-repeat 0px 2px;
border-bottom: 2px solid #ef8800;
clear:left;
}

div.data_box h3 {
width:6em;
margin: 0px 10px 10px 10px;
padding: 0px;
font-size: 80%;
line-height: 130%;
font-weight:bold;
text-align:center;
background:#fee6cd;
border: 1px solid #ef8800;
}

div.data_box p {
margin: 0px 10px 20px 10px;
font-size: 80%;
line-height: 130%;
}

div.data_box p.error {
margin: 20px 10px 30px 10px;
font-size: 80%;
line-height: 130%;
}

div.data_box txt {
margin: 0px 5px 15px 5px;
padding: 0px;
}

div.data_box txt p {
margin: 0px 0px 1em 0px;
}

div.data_box ul.related {
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

div.data_box ul.related li {
margin: 0px 0px 3px 0px;
padding: 0px 0px 3px 20px;
font-size: 80%;
line-height: 130%;
background: url(../img/list_point05.gif) no-repeat 0px 3px;
border-bottom: 1px dotted #cccccc;
}

div.data_box ul.related li.link {
background: url(../img/list_point05.gif) no-repeat 3px 3px;
}

div.data_box ul.related li.blank {
background: url(../img/dl_point_blank.gif) no-repeat 0px 0px;
}

div.data_box ul.order {
width: auto;
margin: 0px 0px 15px 5px;
padding: 0px;
}

div.data_box ul.order li {
margin: 0px;
padding: 0px 5px 0px 0px;
display:inline;
}

div.data_box ul.order li img {
margin: 0px;
padding: 0px;
}

/* data box2 ------------------------------------------------------------ */

div.data_box2 {
margin: 0px 0px 0px 0px;
padding: 10px;
}

/* ClearFix >> */
*+html body div.data_box2:after{ content:"."; display:block; clear:both; visibility:hidden; }
div.data_box2 { overflow:hidden; }
* html div.data_box2 { height:1%; overflow:visible; } /* Hides from IE-mac \*/
/* >> End ClearFix */

#main div.data_box2 h2 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 6px 0px;
background: url(../img/fomt_ttl_bg.gif) repeat-x left bottom;
}

#main div.data_box2 h3 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 100%;
line-height: 130%;
font-weight:bold;
border-bottom: 1px solid #fdb66e;
clear:both;
}

div.data_box2 p {
margin: 0px 0px 15px 0px;
}

#main p.search_txt {
margin: 0px 5px 00px 5px;
padding: 0px;
font-size: 80%;
line-height: 130%;
}

div.form_submit {
margin: 0px 10px 10px 10px;
padding: 0px;
text-align:center;
}

/* item photo ------------------------------------------------------------ */

div.item_photo {
width:320px;
margin: 0px 0px 0px 15px;
* margin: 0px 0px 0px 12px;
padding: 0px;
text-align:center;
background:#eeeeee;
float:right;
}

div.item_photo ul {
width:300px;
margin: 0px;
padding: 10px;
list-style-type: none;
text-align:center;
}

div.item_photo ul li {
margin: 0px;
padding: 0px 0px 10px 0px;
}

div.item_photo ul li.sub {
padding: 0px 5px 0px 5px;
display:inline;
}

/* item table ------------------------------------------------------------ */

table {
width: 540px;
margin: 1px 5px 15px 5px;
* margin: -17px 5px 15px 5px;
padding: 0px;
border-collapse: collapse;
}

table caption {
width:1px;
height:1px;
margin: 0px;
padding: 0px;
text-indent: -9999px;
position:absolute;
top:0px;
left:0px;
overflow: hidden;
}

table th {
width:1px;
height:1px;
margin: 0px;
padding: 0px;
text-indent: -9999px;
position:absolute;
top:0px;
left:0px;
overflow: hidden;
}

table thead td {
margin: 0px 0px 0px 0px;
padding: 4px;
font-size: 80%;
line-height: 120%;
font-weight:bold;
border: 1px solid #cccccc;
}

table thead td.main_title {
font-size: 140%;
background:#eeeeee;
}

table td {
margin: 0px 0px 2px 0px;
padding: 20px 5px 2px 5px;
text-align:left;
empty-cells: show;
}

table td ul {
margin: 0px 0px 0px 0px;
padding: 0px;
list-style-type: none;
}

table td ul li {
margin: 0px 0px 6px 0px;
padding: 0px 0px 2px 0px;
font-size: 80%;
line-height: 130%;
border-bottom: 1px dotted #999999;
}

/* free word ------------------------------------------------------------ */

div.free_word {
width:300px;
margin: 10px 20px 20px 0px;
padding: 10px 10px 20px 10px;
background:#fef2e6;
float:left;
}

/* notice ------------------------------------------------------------ */

#main div.data_box2 div.notice {
width:480px;
margin: 0px 0px 20px 0px;
padding: 10px 10px 10px 0px;
float:left;
}

#main div.data_box2 div.notice p {
margin: 0px;
padding: 0px;
font-size: 80%;
line-height: 130%;
}

#main div.data_box2 div.notice img {
margin: 0px;
padding: 5px 0px;
font-size: 80%;
line-height: 130%;
}

/* check box ------------------------------------------------------------ */

#main div.data_box2 div.check_box {
margin: 0px 0px 20px 0px;
padding: 10px;
background:#fef2e6;
clear:both;
}

#main div.data_box2 div.check_box h3 {
padding: 0px 2px;
color:#333333;
font-size: 80%;
line-height: 130%;
font-weight:bold;
}

#main div.data_box2 div.check_box ul {
margin: 0px 5px 10px 5px;
padding: 0px;
list-style-type: none;
}

/* ClearFix >> */
*+html body #main div.data_box2 div.check_box ul:after{ content:"."; display:block; clear:both; visibility:hidden; }
#main div.data_box2 div.check_box ul { overflow:hidden; }
* html #main div.data_box2 div.check_box ul { height:1%; overflow:visible; } /* Hides from IE-mac \*/
/* >> End ClearFix */

#main div.data_box2 div.check_box ul li {
margin: 0px;
padding: 0px 10px 10px 0px;
font-size: 80%;
line-height: 130%;
display:inline-block;
* float:left;
* white-space:nowrap;

}