@charset "Shift-JIS";

/**********************************************
国際チャートホームページ
**********************************************/

img {
border:none;
vertical-align:bottom;
}

ul{
list-style-type:none;
}

body,div,h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd,form,fieldset,table,a,img,address{
margin:0px;
padding:0px;
font-style:normal;
border:0px;
border:none;
}

textarea{
font-size:100%;
}



/*********************************************
見出しタグのレイアウト スパムにならないとあるが…
**********************************************/
h1,h2,h3,h4,h5{
font-size:100%;
}

/**********************************************
共通設定
**********************************************/
.clear {clear:both;}

a:link {color:#577CFE;}
a:visited {color:#551A8B;}
a:hover {color:#A3B7FE;}
a:active {color:#EA5655; } 


strong{
color:#EB4976;
}
/*************
レイアウト
*************/
.center{
text-align:center;
}

.left{
text-align:left;
}

.right{
text-align:right;
}

.type_bold{
font-weight:bold;
}

.float_l{
float:left;
}

.float_r{
float:right;
}

.bk_color01{
background-color:#B7DE45;
}


.color01{
color:#FFFFFF;
}

.none_under_line{
text-decoration:none;
}

.margin_top{
margin-top:13px;
}

/*************
page内アンカー
*************/
p.up_arrow{
clear:both;
margin:13px 0px;
width:100%;
text-align:right;
background:url("/images/up_arrow.gif") no-repeat 89% 80%;
}

/*************
Form
*************/
.small_text{
width:70px;
}

.middle_text{
width:150px;
}

.large_text{
width:300px;
}

/*************
Body
*************/
html{
height:100%;
}

body {
color:#303030;
font-size:13px;
line-height:1.5em;
height:100%;
text-align:center;
}

div#wrapper{
width:59.076em;
*width:59.365em;
width:950px;
height:100%;
position:relative;
min-height:100%;
margin:0px auto;
}

body > div#wrapper,div#all{
height:auto;
}

div#all{
text-align:center;
margin:0px auto;
}

div#contents{
width:100%;
margin:0px auto;
padding-bottom:150px;
}

#flash object{
z-index:1000;
}

/*************
検索
*************/
div.float_r div#search{
background:#EBEBEB url("../images/glasses.gif") no-repeat center left;
margin-right:13px;
text-align:right;
position:relative;
height:30px;
width:236px;
}

div#search form ul li{
display:inline;
}

div#search form ul li #search_value{
position:absolute;
top:5px;
right:50px;
border:#CCCCCC 1px solid;
width:65%;
}

div#search form ul li #search_submit{
position:absolute;
top:5px;
right:5px;
}

/*************
Header
*************/
div#header{
width:100%;
text-align:left;
background-color:#394A9D;
}

div#header #logo{
margin-left:11px;
float:left;
}

div#header_contents{
position:relative;
float:right;
margin:14px 11px 0px 0px;
text-align:right;
color:#FFF;
}

div#header_contents dl dt,div#header_contents dl dt,div#header_contents dl dt,div#header_contents dl dd{
float:right;
}


div#header_contents dl dt{
position:absolute;
top:8px;
right:80px;
font-size:80%;
}

div#header_contents dl dd#small{
width:20px;
height:20px;
margin-left:5px;
background-color:#394A9D;
}


div#header_contents dl dd#middle{
width:20px;
height:20px;
background-color:#191D40;
margin-left:5px;
}

div#header_contents dl dd#big{
width:20px;
height:20px;
margin-left:5px;
background-color:#394A9D;
}

div#header_contents ul{
position:relative;
top:18px;
clear:both;

}

div#header_contents ul li{
display:inline;
}

div#header_contents ul li#global{
padding:5px 10px 0px 25px;
font-weight:bold;
background:#394A9D url("../images/global_icon.gif") no-repeat center left;
}

div#header_contents ul li#inquiry_menu{
padding:5px 10px 0px 30px;
background:#394A9D url("../images/inquiry_icon.gif") no-repeat bottom left;
}

div#header_contents ul li#site_map{
padding:5px 0px 0px 30px;
background:#394A9D url("../images/site_map_icon.gif") no-repeat bottom left;
}


div#header_contents ul li a{
color:#FFF;
text-decoration:none;
}

div#header_contents ul li a:hover {
text-decoration:underline;
}

/*************
Header Menu
*************/
#multi-level{
font-size:90%;
width:100%;
margin:0px auto;
height:29px;
background:#394A9D url("../images/menu.gif") repeat-x top left;
position:relative;
}

#multi-level .pad {
float:left;
}

.menu, .menu ul {
text-align:left;
list-style-type:none;
padding:0;
margin:0;

}

.menu li.top {
display:block;
float:left;
position:relative;

}

.menu table {
border-collapse:collapse;
width:0;
height:0;
position:absolute;
top:0;
left:0;
}

.menu li.top a.top_link {
display:block;
float:left;
height:24px;
}

* html .menu li.top a.top_link{
height:29px;
}

.menu li.top {
background:url("../images/menu_line.gif") center right no-repeat;
}

.menu li.top a {
z-index:0;
color:#FFF;
text-align:center;
display:block;
width:135px;
text-decoration:none;
padding-top:5px;
}

.menu li.p1 {
width:135px;
}
.menu li.p2 {
width:135px;

}
.menu li.p3 {
width:135px;


}
.menu li.p4 {
width:135px;

}
.menu li.p5 {
width:135px;

}
.menu li.p6 {
width:135px;

}

.menu li a#menu01 {
width:135px;
}
.menu li a#menu02 {
width:135px;
}
.menu li a#menu03 {
width:135px;
}
.menu li a#menu04 {
width:135px;
}
.menu li a#menu05 {
width:135px;
}
.menu li a#menu06 {
width:135px;
}
.menu a:hover {
visibility:visible;
}
.menu li:hover {
position:relative; z-index:200;
}

.menu li a#menu01:hover, 
.menu li a#menu02:hover, 
.menu li a#menu03:hover, 
.menu li a#menu04:hover, 
.menu li a#menu05:hover, 
.menu li a#menu06:hover {
color:#CCC
}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {
position:absolute;
left:-9999px;
top:-9999px;
width:0;
height:0;
}

* html .menu ul, 
* html .menu :hover ul ul, 
* html .menu :hover ul :hover ul ul,
* html .menu :hover ul :hover ul :hover ul ul,
* html .menu :hover ul :hover ul :hover ul :hover ul ul {
font-size:80%;
}

.menu :hover ul.sub {
left:0;
top:29px;
background: #fff;
padding:5px 0;
border:1px solid #888;
white-space:nowrap;
width:135px;
height:auto;
}
.menu :hover ul.sub li {
clear:both;
display:block;
height:32px;
position:relative;
float:left;
width:135px;
}
.menu :hover ul.sub li a {
display:block;
height:26px;
width:121px;
line-height:26px;
text-indent:5px;
color:#303030;
text-decoration:none;
border:4px solid #fff;
border-width:0 0 0 0px;
margin:0px auto;
text-align:left;
}

* html .menu :hover ul.sub li a{
margin-left:4px;
}

.menu :hover ul.sub li a.fly {
background:#fff url("../images/arrow.gif") 110px 14px no-repeat;
}
.menu :hover ul.sub li a:hover {
background:#FCDEDE;
color:#333333;
}
.menu :hover ul.sub li a.fly:hover {
background:#FCDEDE url("../images/arrow_over.gif") 110px 14px no-repeat;
color:#333333;
}
.menu :hover ul li:hover > a.fly {
background:#FCDEDE url("../imagges/arrow_over.gif") 110px 14px no-repeat;
color:#333333;
} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul{
left:125px;
top:6px;
background: #fff;
padding:5px 0;
border:1px solid #888;
white-space:nowrap;
width:300px;
z-index:200;
height:auto;
z-index:300;
}

.menu :hover ul :hover ul li,
.menu :hover ul :hover ul :hover ul li,
.menu :hover ul :hover ul :hover ul :hover ul li,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li{
background-color:#FFF;
}

.menu :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover{
width:286px;
margin-left:7px;
z-index:800;
	
}

* html .menu :hover ul :hover ul li a:hover,
* html .menu :hover ul :hover ul :hover ul li a:hover,
* html .menu :hover ul :hover ul :hover ul :hover ul li a:hover,
* html .menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover{
width:290px;
margin-left:4px;
}


/*************
枠組み
*************/

div#main_all{
width:100%;
clear:both;
margin-top:13px;
}

div#left{
float:left;
width:18%;
}

div#index_center{
width:61%;
float:left;
margin-left:13px;
}

div#index_right{
float:right;
width:18%;
}

div#index_right div{
border:#D3D3D3 1px solid;
margin-bottom:13px;
}

/*inde*/
* html #product01,* html #product02,* html #product03,* html #product04{
height:150px;
}

/*************
枠組み 通常ページ
*************/
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.sub_munu{
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%;
}

div.sub_munu ul li a,div.sub_munu h2 a{
text-decoration:none;
}
div.sub_munu ul li a:hover,div.sub_munu h2 a:hover{
text-decoration:underline;
}

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


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


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

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

div.sub_munu .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.sub_munu ul {
padding-top:10px;
text-align:left;
}

div.sub_munu 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.sub_munu ul li a{
color:#303030;
text-decoration:none;
}

div.sub_munu ul li a:hover {
text-decoration:underline;
color:#577CFE;
}

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

div#page_main{
width:80.5%;
float:right;
text-align:left;
}

div.submenu_header01,div.submenu_header02{
width:90%;
text-align:left;
padding:10px 0px 10px 0px;
margin:0px 10px;
}

#search_add_01 li,#search_add_02 li,#search_add_03 li,#search_add_04 li{
padding-left:0px;/* for IE5.5 */
voice-family: "\"}\"";
voice-family: inherit;
padding-left:15px;
}

* html div.submenu_header01,* html div.submenu_header02 {
padding:12px 0px 12px 0px;
margin:0px 2px;
width:90%;
text-align:left;
}

div.submenu_header01{
background:url("../images/contents_line.gif") repeat-x top left;
}

div.submenu_header01 img,div.submenu_header01 h2,div.submenu_header02 img,div.submenu_header02 h2{
display:inline;
font-weight:normal;
}

h2.unit{
padding-left:12px;
}

#search_add_01 li.no_accent,#search_add_02 li.no_accent,#search_add_03 li.no_accent,#search_add_04 li.no_accent{
list-style-type:none;
background-image:none;
}

#search_add_01 li.no_accent ul li,#search_add_02 li.no_accent ul li,#search_add_03 li.no_accent ul li,#search_add_04 li.no_accent ul li{
width:100%;
margin:15px 0px 0px 2px;
padding-left:15px;
}


/*************
開閉ボタン
*************/
div.submenu_header01 img,div.submenu_header02 img{
padding-bottom:5px;
cursor:pointer;
}

#search_add_01 li.no_accent img,#search_add_02 li.no_accent img,#search_add_03 li.no_accent img,#search_add_04 li.no_accent img{
padding-bottom:5px;
padding-right:4px;
cursor:pointer;
}

*+html div.submenu_header01 img,*+html div.submenu_header02 img,li.no_accent img{
padding-bottom:2px;
}

* html div.submenu_header01 img,* html div.submenu_header02 img,li.no_accent img{
margin-bottom:2px;
} 

* html li.no_accent img{
margin-right:5px;
}

*+html li.no_accent img{
padding-bottom:0px;
margin-bottom:0px;
padding-top:3px;
}

/*************
Footprint
*************/

ol#topicPath {
width:100%;
margin:2px 0px 0px 0px;
padding:0px;
font-size: 100%x;
list-style: none;
text-align:right;
}

ol#topicPath li {
float: right;
padding-right: 6px;
padding-left: 12px;
background: url('/images/footprint.gif') no-repeat 0 50%;
}

ol#topicPath li.home {
background-image:none;
padding-left:0px;
}

ol#topicPath li em {
font-style: normal;
font-weight: bold;
}

/*************
Footer
*************/
div#footer_back{
width:100%;
position:absolute;
bottom:0px;
text-align:center;
height:100px;
vertical-align:top;
font-size:80%;
margin:0px auto;
}

* html div#footer_back{
width:100%;
left:0px;
}

*+html div#footer_back{
width:59.076em;
*width:59.365em;
width:950px;
left:0px;
}

div#footer_contents{
border-top:#D3D3D3 1px solid;
}

div#footer_contents ul{
width:31%;
margin:0px auto;
}

* html div#footer_contents ul{
width:35%;
}

div#footer_contents ul li{
float:left;
margin:10px 0px 0px 10px;
padding-right:10px;
border-right:#333333 1px solid;
line-height:100%;
}

div#footer_contents ul li#last_list{
border:none;
padding-right:0px;
}

address{
clear:both;
padding:5px 0px;
}