@charset "Shift-JIS";

/**********************************************
contents common
**********************************************/

#top_name{
color:#FFFFFF;
float:left;
padding:20px 0px 20px 20px;
font-weight:bold;
}

div#page_title{
background:url("/images/puroduct_header_line.gif") repeat-x bottom left;
border-top:#D3D3D3 1px solid;
padding-bottom:8px;
}

div#page_title h1{
background:url("/images/title_accent.gif") repeat-y top left;
margin-top:5px;
padding-left:20px;
font-size:110%;
}

.top_margin{
margin-top:13px;
}

.top_header{
clear:both;
padding:13px 0px;
}

top_header02{
clear:both;
padding-top:13px;
}

div#feature_box{
width:100%;
padding-top:13px;
}

.feature{
background:url("/images/kokusai_mark.gif") no-repeat top left;
padding-left:30px;
height:23px;
padding-top:3px;
}

.feature_list li{
list-style-type:disc;
list-style-position:outside;
margin:3px 0px 3px 15px;
}

.arrow_kcp{
background:url("/images/arrow_kcp.gif") no-repeat center left;
padding-left:15px;
}

div#feature_box div#inquiry{
margin-top:13px;
padding:13px;
width:82%;
border-bottom:#C2CFFC 1px solid;
border-top:#C2CFFC 1px solid;
}

div#feature_box div dl{
margin-top:13px;
}

.point_str{
font-weight:bold;
background-color:#FDF0F4;
color:#EB4976;
border:#D3D3D3 1px solid;
}

div.titile{
border-bottom:#D3D3D3 1px solid;
padding-bottom:4px;
width:70%;
clear:both;
line-height:100%;
}

div.titile h2,div.titile h3,div.titile h4{
background:url("/images/title_accent.gif") repeat-y top left;
margin-top:5px;
padding-left:20px;
font-size:100%;
font-weight:normal;
}

div.titile02{
border-bottom:#D3D3D3 1px solid;
padding-bottom:4px;
width:70%;
clear:both;
line-height:100%;
padding-top:20px;
}

div.titile02 h2,div.titile02 h3,div.titile02 h4{
background:url("/images/title_accent.gif") repeat-y top left;
margin-top:5px;
padding-left:20px;
font-size:100%;
font-weight:normal;
}



/**********************************************
index
**********************************************/


/*************
Left Contents
*************/
h2#contents01{
background:url("../images/contents_header_bk.gif") repeat-x top left;
width:100%
height:29px;
color:#FFFFFF;
font-weight:normal;
text-align:left;
padding-left:20px;
}

div.contetns_main{
background:#FFFFFF url("../images/contents_back.gif") repeat-x top left;
border-left:#D3D3D3 1px solid;
border-right:#D3D3D3 1px solid;
border-bottom:#D3D3D3 1px solid;
width:99%;
}

* html div.contetns_main{
width:100%;
}


div.contetns_main dl{
width:90%;
margin:0px auto;
}


div.contetns_main dt{
padding-top:15px;
}

div.contetns_main dd{
text-align:left;
margin-top:10px;
padding-bottom:10px;
}

div.contetns_main .line_dot{
background:url("../images/contents_line.gif")  repeat-x bottom left;	
}


h2#contents02{
margin-top:13px;
background:url("../images/contents_header_bk.gif") repeat-x top left;
width:100%
height:29px;
color:#FFFFFF;
font-weight:normal;
text-align:left;
padding-left:20px;
}

div.contetns_main ul {
padding-top:10px;
text-align:left;
}

div.contetns_main ul li{
background:url("../images/arrow_kcp.gif") no-repeat center left;
margin:0px 10px 20px 10px;
margin-left:10px;
margin-bottom:20px;
padding:0px 10px 0px 15px;
}


div.contetns_main ul li a{
color:#303030;
text-decoration:none;
}

div.contetns_main ul li a:hover {
text-decoration:underline;
color:#FF3838;
}

div.contetns_main ul li a:visited {
color:#551A8B;
}


h2#contents03{
margin-top:13px;
background:url("../images/contents_header_bk.gif") repeat-x top left;
width:100%
height:29px;
color:#FFFFFF;
font-weight:normal;
text-align:left;
padding-left:20px;
}

/*************
Center News
*************/
h2#news_header{
margin-top:13px;
width:100%;
text-align:left;
}

ul#news_list{
width:100%;
text-align:left;
margin-top:13px;
}

ul#news_list li{
display:inline;
}


ul#news_list dt{
width:18%;
color:#EB4976;
float:left;
margin-left:20px;
clear:both;
text-align:left;
margin-left:20px;
}

* html ul#news_list dt{
margin-left:10px;
}

ul#news_list dd{
text-align:right;
width:78%;
float:left;
text-align:left;
}

ul#news_list dd a{
color:#303030;
text-decoration:none;
}

ul#news_list dd a:hover {
text-decoration:underline;
color:#FF3838;
}

ul#news_list dd a:visited {
color:#551A8B;
}

* html ul#news_list dl{
width:100%;
display:inline;
}

ul#news_list li#more{
display:block;
clear:both;
width:100%;
text-align:right;
padding-right:20px;
}

/*************
Center product
*************/
div#product{
width:100%;
margin-top:13px;
text-align:left;
}

div#product a{
color:#303030;
text-decoration:none;
}

div#product a:hover {
text-decoration:underline;
color:#FF3838;
}

div#product a:visited {
color:#551A8B;
}

div#product ul{
margin-top:13px;
}

div#product01,div#product03{
float:left;
width:49%;
}

div#product01 ul li,div#product02 ul li,div#product03 ul li,div#product04 ul li{
background:url("../images/arrow_kcp.gif") no-repeat center left;
margin-bottom:5px;
margin-left:7px;
padding-left:20px;
}

div#product02,div#product04{
float:right;
width:49%;
}


div#product03 h2,div#product04 h2{
margin-top:13px;
}

div#product01{
background:url("../images/product01_bk.jpg") no-repeat 100% 50%;
min-height:160px;
}
div#product02{
background:url("../images/product04_bk.jpg") no-repeat 100% 55%;
min-height:160px;
}
div#product03{
clear:both;
background:url("../images/product03_bk.jpg") no-repeat 100% 60%;
min-height:160px;
}
div#product04{
background:url("../images/product02_bk.jpg") no-repeat 100% 60%;
min-height:160px;
}

div#product h2{
background:url("../images/puroduct_header_line.gif") repeat-x bottom left;
padding-bottom:3px;
}
/*************
Right Contents
*************/

li#movie_explanation{
text-align:left;
padding:10px;
}

div#index_right h2{
background-color:#EBEBEB;
font-weight:normal;
text-align:left;
padding:5px 0px 5px 13px;
}

div#index_right dt{
padding-top:10px;
}

div#index_right dd{
text-align:left;
padding:10px;
}

/**********************************************
new_page.html
**********************************************/
div#loop_box{
margin-bottom:13px;
}

dl.new_page_box{
clear:both;
padding:13px 0px;
}

dl.new_page_box li{
list-style-type:disc;
list-style-position:outside;
margin-left:2%;
color:#666;
}

div#guide_box{
padding-top:13px;
width:100%;
}

p#prev{
float:left;
width:10%;
text-align:left;
}

p#next{
float:right;
width:10%;
text-align:right;
}

/**********************************************
recommend.html
**********************************************/
dl#win_ber {
margin-top:13px;
width:100%;
}

dl#win_ber dt {
width:88px;
margin-right:10px;
float:left;
margin-bottom:0px;
padding-bottom:0px;
}

dd#win_ber2 {
float:left;
font-weight:bold;
margin:0px 0px 0px 10px;
line-height:2em;
padding-top:3px;
padding-bottom:0px;
color:#025197;
}

* html dd#win_ber2 {
float:left;
line-height:2em;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
}

*+html dl#win_ber2 {
float:left;
line-height:2.5em;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
}


dd#win_ex {
margin-top:0px;
padding-top:5px;
padding-left:15px;
clear:both;
background:url("/images/up_arrow.gif") no-repeat 0px 30%;
}

* html dd#win_ex {
padding-top:2px;
}

*+html dd#win_ex {
padding-top:2px;
}

ol#recommend{
padding-left:2%;
list-style-position:inside;
}

/**********************************************
renewal.html
**********************************************/
dl#renewal_inquiry{
margin-top:13px;
}

dl#renewal_inquiry dt{
clear:both;
float:left;
width:20%;
text-align:left;
}

dl#renewal_inquiry dd{
float:left;
width:70%;
text-align:left;
}


dl#renewal_top{
margin-top:8px;
}

dl#renewal_top dt{
float:left;
width:150px;
padding-bottom:13px;
}

dl#renewal_top dd{
float:left;
text-align:left;
margin-left:2%;
width:70%;
}

span.renewal_title{
text-decoration:blink;
color:#EB4976;
font-weight:bold;
	
}

/**********************************************
customers.html
**********************************************/
div#custom_body{
width:70%;
}

p#custom_title{
text-align:center;
width:100%;
margin-top:13px;
}


