@charset "utf-8";

html{
overflow-y:scroll;
}

*{
margin:0; 
padding:0;
}

img{
border:none;
}

ul,
ol,
dl {
list-style:none;
}

.bold{
font-weight:bold;
}

.bold6{
font-weight:bold;
color:#666;
}

.bold14{
font-weight:bold;
font-size:1.2em;
}

.red{
color:#c33;
}

a{
overflow:hidden;
}

sub{
vertical-align:baseline;
}


#header a:link, 
#footer a:link{
color:#fff; 
text-decoration:none;
}
#header a:visited, 
#footer a:visited{
color:#fff; 
text-decoration:none;
}
#header a:hover, 
#footer a:hover{
color:#fff; 
text-decoration:underline;
}
#header a:active, 
#foote a:active{
color:#fff;
}

a:link{
color:#003399; 
text-decoration:none;
}
a:visited{
color:#003399; 
text-decoration:none;
}
a:hover{
color:#cc3333;
text-decoration:underline;
}
a:active{
color:#003399;
}

body{
text-align:center;
color:#343434;
background:#f4f6f8 url(/common/images/common_bg.gif) center top repeat-y;
font-size:small;
f\ont-size:12px;
/*\*/
_font-size:75%;
/**/
line-height:1.5;
font-family:Arial, Helvetica, sans-serif;
}

p{
line-height:1.6;
}

table{
font-size:100%;
}
table caption{
text-align:left;
}



/*wrapper*/
/*---------------------------------------*/
#wrapper{
margin:0 auto;
text-align:left; 
background:#fff;
border-right:1px solid #ddd;
border-left:1px solid #ddd; 
width:773px;
position:relative;
}

#wrapper .english{
background:url(/common/images/arrow01.gif) 0 6px no-repeat; 
padding:0 0 0 8px; 
position:absolute; 
top:35px; 
right:10px; 
}
.english a:link{
color:#fff; 
text-decoration:none;
}
.english a:visited{
color:#fff; 
text-decoration:none;
}
.english a:hover{
color:#fff; 
text-decoration:underline;
}
.english a:active{
color:#fff;
}

/*header*/
/*---------------------------------------*/
#header{
background:#0950A0;
position:relative;
border-bottom:2px solid #5984b7;
padding:15px 10px 15px 15px;
}

#header .logo1{
position:absolute; 
top:17px; 
right:10px;
}

/*bread_crumb*/
/*---------------------------------------*/
#bread_crumb{
font-size:95%;
clear:both;
border-top:1px solid #d6dce3;
border-bottom:1px solid #d6dce3;
padding:2px 0 4px 7px;
_padding:3px 0 3px 7px;
background:#fafbfc;
width:766px;
}
#bread_crumb2{float:left; width:73%; color:#cc3333;}
#bread_crumb2 span{color:#343434; margin:0 8px;}
#bread_crumb2 a.off:link{color:#cc3333; text-decoration:none;}
#bread_crumb2 a.off:visited{color:#cc3333; text-decoration:none;}
#bread_crumb2 a.off:hover{color:#cc3333; text-decoration:underline;}
#bread_crumb2 a.off:active{color:#cc3333;}
#serch{float:right; width:27%;}
#serch input{width:120px; border-top:1px solid #dadada;border-left:1px solid #dadada; border-right:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;}
#serch img{vertical-align:middle; margin:0 0 0 5px; _margin:0 0 1px 5px;}
#serch input#bt{width:35px; height:19px;margin:0 0 3px 5px;border:0px;}

/*g_menu*/
/*---------------------------------------*/
#g_menu{
position:relative;
}
#nav{
width:773px; 

}
#nav li{
float:left;
}
#nav li a{

}
#nav li a.on{
background-position:0 -64px;
}
#nav li a.on:hover{
background-position:0 -64px;
}

#company a, 
#business a, 
#press_release a, 
#investor a{ 
width:155px;
display:block; 
background:url(/common/images/g_menu_bg2.gif) 0 0 no-repeat; 
padding:5px 0 9px 0;
text-align:center;
font-size:12px;
}

#environment a{
width:153px;
display:block; 
background:url(/common/images/g_menu_bg.gif) 0 0 no-repeat; 
padding:5px 0 9px 0; 
text-align:center;
font-size:12px;
}

#company a:hover, 
#business a:hover, 
#press_release a:hover, 
#investor a:hover, 
#environment a:hover{
background-position:0 -32px;
}

#company a:link, 
#business a:link, 
#press_release a:link, 
#investor a:link, 
#environment a:link{ 
color:#fff; 
text-decoration:none;
}
#company a:visited, 
#business a:visited, 
#press_release a:visited, 
#investor a:visited, 
#environment a:visited{ 
color:#fff; 
text-decoration:none;
}
#company a:hover, 
#business a:hover, 
#press_release a:hover, 
#investor a:hover, 
#environment a:hover{ 
color:#fff; 
text-decoration:none;
}
#company a:active, 
#business a:active, 
#press_release a:active, 
#investor a:active, 
#environment a:active{ 
color:#fff; 
text-decoration:none;
}
/*sub_menu*/
/*---------------------------------------*/
.submenu{
visibility:hidden; 
border-top:1px solid #bcb7b4; 
}
#nav .submenu a{
display:block; 
background:#fff;
text-align:left;
}
#nav .submenu a:link{
color:#003399;
text-decoration:none;
}
#nav .submenu a:visited{
color:#003399;
text-decoration:none;
}
#nav .submenu a:hover{
color:#fff; 
background:#59bcf8;
text-decoration:underline;
}
#nav .submenu a:active{
color:#fff;
}

#submenu1{
position:absolute; 
top:31px;
left:0; 
z-index:1;
}


#submenu2{
position:absolute; 
top:31px; 
left:155px; 
z-index:1; 
}


#submenu3{
position:absolute; 
top:31px;
left:310px; 
z-index:1; 
}

#submenu4{
position:absolute; 
top:31px;
left:465px;
z-index:1; 
}

#submenu5{
position:absolute; 
top:31px;
left:589px;
z-index:1; 
}


/*ModernBrowserHack*/
#submenu1 li, 
#submenu2 li, 
#submenu3 li, 
#submenu4 li, 
#submenu5 li{ 
clear:both;_clear:none;
}

/*sub_menu-line*/
#submenu1 li a, 
#submenu2 li a, 
#submenu3 li a, 
#submenu4 li a, 
#submenu5 li a{ 
border-right:1px solid #bcb7b4;
border-bottom:1px solid #bcb7b4;
border-left:1px solid #bcb7b4;
}

/*sub_menu-Details*/
#submenu1 li a{width:133px;width /**/:153px; height:1%; padding:2px 10px;}
#submenu2 li a{width:133px;width /**/:155px; height:1%; padding:2px 10px;}
#submenu3 li a{width:133px;width /**/:155px; height:1%; padding:2px 10px;}
#submenu4 li a{width:133px;width /**/:155px; height:1%; padding:2px 10px;}
#submenu5 li a{width:163px;width /**/:185px; height:1%; padding:2px 10px;}

/*ModernBrowserHack*/
html[xmlns] #submenu1 li a{width:133px;}
html[xmlns] #submenu2 li a{width:133px;}
html[xmlns] #submenu3 li a{width:133px;}
html[xmlns] #submenu4 li a{width:133px;}
html[xmlns] #submenu5 li a{width:163px;}

#submenu5 li a span{margin:0 0 0 10px;}

/*contents_wrapper*/
/*---------------------------------------*/
#contents_wrapper{
border-bottom:4px solid #e6e6e6;
width:773px;
background:url(/common/images/contents_bg.gif) 0 0 repeat-y;
}

/*left_contents*/
/*---------------------------------------*/
#left_contents{
float:left; 
width:180px;
}

#left_contents p.caption{
border-top:1px solid #fff;
border-left:5px solid #666; 
background:#1072c6; 
padding:5px 0 5px 15px; 
height:1%;
}

#left_contents p.caption a{
display:block; 
padding:-15px 0 -15px 0;
}
#left_contents p.caption a:link{
color:#fff; 
text-decoration:none;
}
#left_contents p.caption a:visited{
color:#fff; 
text-decoration:none;
}
#left_contents p.caption a:hover{
color:#cff; 
text-decoration:underline;
}
#left_contents p.caption a:active{
color:#fff; 
text-decoration:none;
}

#left_contents p.caption a.off:link{
color:#cff;
text-decoration:none;
}
#left_contents p.caption a.off:visited{
color:#cff;
text-decoration:none;
}
#left_contents p.caption a.off:hover{
color:#cff;
text-decoration:underline;
}
#left_contents p.caption a.off:active{
color:#cff;
}

/*local_menu*/
/*---------------------------------------*/
.l_menu1{
background:#59bcf8; 
border-top:1px solid #fff;
border-bottom:1px solid #bcd1ee
}
.l_menu1 li{
padding:5px 0 0 0;
}
.l_menu1 li img{
margin:0 4px 0 6px;
}
.l_menu1 li a{
display:block;
}
.l_menu1 li a:link{
color:#cc3333; 
text-decoration:none;
}
.l_menu1 li a:visited{
color:#cc3333; 
text-decoration:none;
}
.l_menu1 li a:hover{
color:#cc3333; 
text-decoration:underline;
}
.l_menu1 li a:active{
color:#003399;
}
.l_menu1 li a.on:link{
color:#003399;
text-decoration:none;
}
.l_menu1 li a.on:visited{
color:#003399; 
text-decoration:none;
}
.l_menu1 li a.on:hover{
color:#cc3333; 
text-decoration:underline;
}
.l_menu1 li a.on:active{
color:#003399; 
}
.l_menu1 li a.off:link{
color:#cc3333; 
text-decoration:none;
}
.l_menu1 li a.off:visited{
color:#cc3333; 
text-decoration:none;
}
.l_menu1 li a.off:hover{
color:#cc3333; 
text-decoration:underline;
}
.l_menu1 li a.off:active{
color:#cc3333; 
}

.l_menu1_2{
background:#fff; 
margin:0 0 0 5px; 
_margin:5px 0 0 5px; 
padding:0 0 0 16px;
}
.l_menu1_2 li{
color:#cc3333; 
padding:0;
}
.l_menu1_2 li a{
height:1%;
display:block;
}
.l_menu1_2 li a.top{
height:1%; 
border-top:1px solid #bcd1ee; 
padding:1px 0 0 0;
}
.l_menu1_2 li a.bottom{
height:1%; 
border-bottom:1px solid #bcd1ee; 
padding:0 0 1px 0;
}
.l_menu1_2 li a:link{
color:#003399; 
text-decoration:none;
}
.l_menu1_2 li a:visited{
color:#003399; 
text-decoration:none;
}
.l_menu1_2 li a:hover{
color:#cc3333; 
text-decoration:underline;
}
.l_menu1_2 li a:active{
color:#003399;
}
.l_menu1_2 li a.off{
height:1%;
}
.l_menu1_2 li a.off:link{
color:#cc3333; 
text-decoration:none;
}
.l_menu1_2 li a.off:visited{
color:#cc3333;
text-decoration:none;
}
.l_menu1_2 li a.off:hover{
color:#cc3333; 
text-decoration:underline;
}
.l_menu1_2 li a.off:active{
color:#cc3333;
}

.l_menu2{
background:#eaedee;
}
.l_menu2 li{
border-top:1px solid #fff;
border-bottom:1px solid #cecece;
}
.l_menu2 li a{
display:block; 
padding:3px 0 3px 8px;_padding:6px 0 6px 8px; 
height:1%;
}
.l_menu2 li a img{
margin:0 7px 0 0;
}

.l_menu2 li a.off{
color:#c33;
}

#information{
background:#f7fafc; 
padding:5px; 
border-bottom:1px solid #cecece;
}
#information p{
border-right:1px solid #d5d8da;
border-left:1px solid #d5d8da; 
background:#fff;
}
#information p.text1{
border-top:1px solid #d5d8da; 
line-height:1.8; 
padding:5px 10px;
}
#information p.text2{
border-bottom:1px solid #d5d8da; 
font-size:95%; 
line-height:1.3; 
padding:0 10px 5px;
}
#information p.text3{
border-top:1px solid #d5d8da;
border-bottom:1px solid #d5d8da; 
line-height:1.8; 
padding:5px 10px;
_margin:0 0 1px 0;
}
#information p.text2 img{
float:left; 
margin:0 5px 0 0;
}
#information p span, .kaku{
color:#27b9ff;
}
#information a.off{
color:#cc3333;
}


/*right_contents*/
/*---------------------------------------*/
#right_contents{
float:right; 
width:592px; 
}
#right_container, #form_container{
margin:25px 13px 40px 15px;
}

#right_container h1, #form_container h1{
border-bottom:1px solid #5f90c8;
border-left:6px solid #5f90c8; 
margin:0 0 20px 0; 
padding:0px 0 8px 10px;_padding:0px 0 5px 10px;
font-size:1.6em;
}

#right_container h2, #form_container h2{
border-left:4px solid #1e8dc2; 
background:url(/common/images/h3_bg.gif) 1px 0 repeat-y;_background-position:5px 0; 
margin:20px 0 20px 0; 
padding:0 0 0 18px; 
font-size:1.4em;
}

#right_container h3, #form_container h3{
border-left:3px solid #1e8dc2; 
background:url(/common/images/h3_bg.gif) 1px 0 repeat-y;_background-position:4px 0; 
margin:20px 0 20px 0; 
padding:0 0 0 18px; 
font-size:1.2em;
}

#square{background:#f1f3f6; margin:20px 10px 0; padding:16px 17px 6px;}
#square dt{font-weight:bold; margin:0 0 10px 0;}
#square dd{margin:0 0 10px 0;}

.description-box{margin:10px 0 0 0;}

.description{width:182px; background:url(/images/saiyo_middle_border.gif) 0 0 repeat-y; vertical-align:top;}
.description h4{margin:0 8px 3px; padding:3px 0 3px 5px; background:#e1eefa; font-size:120%;}
.description p{margin:0 6px 0 8px; padding:0 0 10px 0;}

.description2{width:276px; background:url(/csr/images/csr_middle_border.gif) 0 0 repeat-y; vertical-align:top;}
.description2 td{vertical-align:top;}
.description2 h4{margin:0 8px 10px; padding:3px 0 3px 5px; background:#e1eefa; font-size:120%;}
.description2 .pic{margin:3px 10px 0 8px;}
.description2 p{margin:0 8px 0 0; padding:0 0 10px 0;}

.description3{width:276px; background:url(/csr/images/csr_middle_border.gif) 0 0 repeat-y; vertical-align:top;}
.description3 h4{margin:0 8px 10px; padding:3px 0 3px 5px; background:#e1eefa; font-size:120%;}
.description3 p{margin:0 8px; padding:0 0 10px 0;}

#news{margin:15px 0 15px;_margin:15px 0 25px;}
#news dt{
	float:left;
	text-align: right;
	display: block;
	width: 7em;
}
#news dd{
	text-indent:-0.25em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 8em;
}

#adobe, #apple{margin:30px  0;}
#adobe dt, #apple dt{float:left;}
#adobe dd, #apple dd{margin:0 0 5px 9em; font-size:0.9em; color:#999; line-height:1.2;}
#adobe dd a, #apple dd a{display:block; text-align:right; margin:15px 0 0 0;}

#adobe2{margin:20px  0;}
#adobe2 dt{float:left;}
#adobe2 dd{margin:0 0 5px 9em; font-size:1.0em; line-height:1.2;}
#adobe2 dd a{display:block; text-align:right; margin:15px 0 0 0;}

.date{
text-align:right; 
margin:20px 0 0 0;
}
.anchor{
text-align:right; 
margin:40px 0 0 0; 
clear:both;
}
.anchor img{margin:0 5px 0 0;}

/*termsofuse*/
/*---------------------------------------*/
#termsofuse_wrapper{
border-bottom:4px solid #e6e6e6;
width:773px;
}

/*news*/
/*---------------------------------------*/
#news_list{margin:30px 0;}
#news_list dt{
	float:left;
	text-align: right;
	display: block;
	width: 7em;
}

#news_list dd{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 8em;
}
html[xmlns] #news_list dd{width:auto;}

#news_list dd img{float:left; margin:0 5px 0 0;}

/*mailbox*/
/*---------------------------------------*/
#form_wrapper{
border-bottom:4px solid #e6e6e6;
width:773px;
}

#form{margin:0 0 0 16px; list-style:url(/common/images/list_square.gif) outside;}

.form_list2{border-top:1px solid #ced1d6;border-left:1px solid #ced1d6;}
.form_list2 td{padding:10px 10px; border-right:1px solid #ced1d6;border-bottom:1px solid #ced1d6;}
.form_list2 td.po1{text-align:center; background:#f5f7f7;}
.form_list2 td.po2{text-align:center; font-weight:bold; background:#cddef6; padding:3px 10px}
.form_list2 td.po3{text-align:center;}
.form_list2 td.po4{background:#f5f7f7;}

.form_list{}
.form_list td{padding:5px 30px 5px 0; border:none;}

.form_list span{margin:0 0 0 10px;}
.form_list2 span{margin:0 0 0 10px;}

#form_btn{margin:50px auto 0; text-align:center;}
#form_btn input{margin:-15px 10px 0 0;}
#form_btn>input{margin:-18px 10px 0 0;}

textarea{
width:577px; 
height:76px; 
padding:3px;
border-bottom:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
border-top:1px solid #808080;
border-left:1px solid #808080;
}
textarea:focus{
border:1px solid #d94040;
}
textarea.area
{
width:257px;
}
textarea.area2
{
width:534px;
}

input{vertical-align:middle;}
input.w10{width:50px;}
input.w20{width:100px;}
input.w30{width:150px;}
input.w40{width:200px;}
input.w50{width:250px;}
input.w60{width:300px;}
input.w80{width:400px;}
input.w100{width:500px;}
input.w10, 
input.w20, 
input.w30, 
input.w40, 
input.w50, 
input.w60, 
input.w80, 
input.w100{
border-bottom:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
border-top:1px solid #808080;
border-left:1px solid #808080;
padding:3px;
}
input.w10:focus, 
input.w20:focus, 
input.w30:focus, 
input.w40:focus, 
input.w50:focus, 
input.w60:focus, 
input.w80:focus, 
input.w100:focus{
border:1px solid #d94040;
}

select{
margin:5px 10px 0 0;
width:85px;
}

#form_con{margin:0 0 0 25px;}
#form_list3{margin:20px 0 0 0;}
#form_list3 td{background:#e6ebf2; padding:10px 10px 10px 20px;}
#form_list3 td.po1{background:#f5f7f7;}
#form_list3 td.po2{background:#f5f7f7;}

#form_end{font-weight:bold; font-size:1.7em; text-align:center;}

.mini{
	font-size: 10px;
	padding-top: 10px;
}

/*footer*/
/*---------------------------------------*/
#footer{
background:#0950A0;
color:#fff;
border-top:3px solid #698fbe;
padding:10px;
}

#footer .section1{
float:left;
}

#footer .section2{
float:right;
}

#footer .section1 li, 
#footer .section2 li{
float:left; 
font-size:0.8em;
}
#footer .section1 li{
margin:0 20px 0 0; 
padding:0 0 0 8px; 
background:url(/common/images/arrow01.gif) 0 5px no-repeat;
}
#footer .section2 li{
margin:0 0 0 20px; 
padding:0 0 0 8px; 
background:url(/common/images/arrow01.gif) 0 5px no-repeat;
}

#footer address{
font-style:normal; 
font-size:0.8em; 
padding:3px 0 0 0; 
clear:both; 
text-align:right;
}

.maT40{margin:40px 0 0;}
.maTB20{margin:20px 0;}
.maT20B50{margin:20px 0 50px;}
.maR3{margin:0 3px 0 0;}
.maR3T5{margin:5px 3px 0 0;}
.maR20{margin:0 20px 0 0;}
.maB5{margin:0 0 5px 0;}
.maB10{margin:0 0 10px 0;}
.maB15{margin:0 0 15px 0;}
.maB20{margin:0 0 20px 0;}
.maB30{margin:0 0 30px 0;}
.maB40{margin:0 0 40px 0;}
.maB50{margin:0 0 50px 0;}
.maB60{margin:0 0 60px 0;}
.maB70{margin:0 0 70px 0;}
.maB80{margin:0 0 80px 0;}
.maB90{margin:0 0 90px 0;}
.maB100{margin:0 0 100px 0;}
.maB110{margin:0 0 110px 0;}
.maB120{margin:0 0 120px 0;}
.maB130{margin:0 0 130px 0;}
.maL25{margin:0 0 0 25px;}

.kaku{color:#27b9ff;}

/*float*/
/*---------------------------------------*/
.pkg{
overflow:hidden;
}

.pkg:after{
content:" ";
display:block;
clear:both;
height:0em;
overflow:hidden;
}

/* \*/
* html .pkg{
height:1em;
overflow:visible;
}
/**/