/* ===================================================================
CSS information

 file name  :common.css
 style info :共通（ヘッダー、フッター、メニュー等）
=================================================================== */

/* -----------------------------------------------------------
base
----------------------------------------------------------- */

html {
background: #fff;
}

body {
text-align: center;
font-family: 'Helvetica',Arial,'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
background:url(../images/share/bg.jpg) repeat-x;
font-size:14px;
color:#000;
}

/* --A-- */

a {
outline:none;
cursor:pointer;
color:#000066;
text-decoration:underline;
}

a:hover {
text-decoration:underline;
color:#FF6600;
}

.sampleclass a:hover img{
opacity: 0.7; 
filter: Alpha(opacity=70); 
}

.sampleclass{
zoom:100%;
}

.sampleclass:after{
content:" ";
clear:both;
height:0;
display:block;
visibility:hidden;
}

.sampleclass a[target="_blank"]{
background:  url(../images/blank.gif) no-repeat right;
padding-right:15px;
}

.right_img{
float:right;
margin-left:15px;
}

.left_img{
float:left;
margin-right:15px;
}

.right_text{
text-align:right;
}


/* -----------------------------------------------------------
#header
----------------------------------------------------------- */


div#wrapper {
margin:0 auto;
text-align: center;
background:url(../images/share/c_f_bg.jpg) repeat-x;
zoom:100%;
}

div#wrapper:after{
content:" ";
clear:both;
height:0;
display:block;
visibility:hidden;
}

div#header {
width:960px;
height:60px;
margin:0 auto;
text-align: left;
position: relative;
zoom:100%;
}

div#header:after{
content:" ";
clear:both;
height:0;
display:block;
visibility:hidden;
}

#header h1 {
position: absolute;
left: 310px;
top: 25px;
font-weight:100;
font-size:11px;
}
#header h1#home {
top: 17px;
}

#header .h_logo{
position: absolute;
left: 0px;
top: 18px;
}

#header .h_english{
position: absolute;
right: 145px;
top: 11px;
}

#header .h_contact{
position: absolute;
right: 12px;
top: 18px;
}
#header .h_contact2013{
position: absolute;
right: 12px;
top: 11px;
}

ul li{
list-style:none;
}

.main{
margin-top:90px;
margin-bottom:30px;
}

/* -----------------------------------------------------------
#menu
----------------------------------------------------------- */

#menu{
width:967px;
height:44px;
margin:0 auto;
clear:both;
}

#menu ul li{
float:left;
list-style:none;
}

#menu ul li img{
	margin:0; padding:0; border:0;
}

#nav{
width:967px;
}

#nav li{
font-size:1px;
}

/* -----------------------------------------------------------
top_flash
----------------------------------------------------------- */

.top_flash{
clear:both;
background:url(../images/top/main_bg.jpg) repeat-x;
height:305px;
margin: auto;
}

#swf{
width:980px;
margin:0 auto;
}

/* -----------------------------------------------------------
#contents
----------------------------------------------------------- */
#contents{
width:960px;
margin:0 auto;
text-align:left;
zoom:100%;
}

#contents:after{
content:" ";
clear:both;
height:0;
display:block;
visibility:hidden;
}

#side_contents{
float:right;
width:260px;
zoom:100%;
}

#side_contents:after{
content:" ";
clear:both;
height:0;
display:block;
visibility:hidden;
}

#side_contents .tpbtn{
margin-top:12px;
}

.top_add{
background:url(../images/top/top_add.gif) no-repeat;
width:260px;
height:175px;
margin-top:24px;
}

.top_add_logo{
text-align:center;
padding-top:20px;
}

.top_add_text{
font-size:13px;
margin-left:20px;
line-height:1.3;
}

.top_add_btn{
margin-top:0.5em;
text-align:center;
}

#main_contents{
float:left;
width:681px;
zoom:100%;
}

#main_contents:after{
content:" ";
clear:both;
height:0;
display:block;
visibility:hidden;
}

.top_info{
background:url(../images/top/info_bottom.gif) no-repeat bottom;
width:681px;
/*height:226px;*/
height:174px;
margin-top:7px;
}

.top_info2{
/*height:170px;*/
height:118px;
width:672px;
overflow:auto;
}

.top_info dl{
padding-bottom:10px;
margin-left:23px;
line-height:2.5;
width:628px;
zoom:100%;
}

.top_info dl:after{
content:" ";
clear:both;
height:0;
display:block;
visibility:hidden;
}

.top_info dt{
width:113px;
float:left;
border-bottom:dotted 1px #999;
display:block;
}

.top_info dd{
width:515px;
float:left;
border-bottom:dotted 1px #999;
display:block;
}

.top_info table{
padding-bottom:10px;
margin-left:23px;
line-height:2.5;
width:628px;
zoom:100%;
empty-cells: hide;
}

.top_info table th{
width:113px;
border-bottom:dotted 1px #999;
font-weight:normal;
}

.top_info table td{
width:515px;
border-bottom:dotted 1px #999;
}


/* -----------------------------------------------------------
footer
----------------------------------------------------------- */

#footer{
margin:auto;
background:url(../images/share/c_f_bg.jpg) repeat-x;
text-align:center;
padding-top:30px;
margin-top:25px;
clear:both;
}

#footer ul{
margin:auto;
width:650px;
}

#footer ul li{
float:left;
border-right:solid 1px #999;
padding-right:0.5em;
margin-left:0.5em;
font-size:12px;
}

.n_l{
border-left:solid 1px #999;
padding-left:0.5em;
}

#footer p{
clear:both;
text-align:center;
font-size:10px;
padding-top:20px;
padding-bottom:20px;
}

/* -----------------------------------------------------------
2nd page
----------------------------------------------------------- */

.main_img{
background:url(../images/share/main_img.jpg) repeat-x;
height:125px;
}

.main_img h2{
padding-top:2px;
_padding-top:0px;
}

/* -----------------------------------------------------------
strong_point
----------------------------------------------------------- */

.strong_point{
float:left;
margin-left:20px;
margin-top:40px;
margin-bottom:40px;
width:530px;
font-size:14px;
line-height:2;
}

.strong_point h3{
margin-bottom:30px;
}

.strong_point_img{
float:right;
margin-top:30px;
}

.strong_point2{
clear:both;
}

.strong_point2 p{
margin-bottom:20px;
}

.media{
	
}

/* -----------------------------------------------------------
nd_eco
----------------------------------------------------------- */

.nd_eco{
background:url(../images/nd_eco/bg.jpg) no-repeat top right;
width:940px;
padding-left:20px;
}

.nd_eco h3{
padding-top:50px;
margin-bottom:30px;
text-align:left;
}

.nd_eco .tex{
display:block;
width:530px;
font-size:14px;
line-height:2;
margin-bottom:60px;
}

.nd_img{
margin-bottom:45px;
_margin-bottom:75px;
}

.nd_img p{
margin-bottom:5px;
margin-left:5px;
}

.nd_img2{
text-align:left;
zoom:100%;
}

.nd_img2:after{
content:" ";
clear:both;
height:0;
display:block;
visibility:hidden;
}

.nd_img2 p{
float:left;
margin-right:10px;
_margin-right:5px;
padding-bottom:20px;
}

/* -----------------------------------------------------------
products
----------------------------------------------------------- */
.products{
background:url(../images/products/bg.jpg) no-repeat top right;
width:940px;
padding-left:20px;
zoom:100%;
}

.products:after{
content:" ";
clear:both;
height:0;
display:block;
visibility:hidden;
}

.products h3{
padding-top:50px;
margin-bottom:30px;
text-align:left;
}

.products h4{
margin-top:40px;
margin-bottom:15px;
text-align:left;
}

.products .tex{
font-size:14px;
line-height:2;
margin-bottom:30px;
}

.products .pdf_btn{
margin-bottom:34px;
}

.p_ph{
clear:both;
width:735px;
_width:710px;
zoom:100%;
}

.p_ph:after{
content:" ";
clear:both;
height:0;
display:block;
visibility:hidden;
}

.p_ph p{
float:left;
margin-right:10px;
_margin-right:5px;
margin-bottom:12px;
}

.side_btn{
background:#b8cad8;
float:right;
width:190px;
padding:5px;
margin-top:20px;
}

.side_btn p{
margin-bottom:1px;
}

.btn_adobe{
float:right;
margin-right:50px;
}

.cm_btn{
width:690px;
zoom:100%;
}

.cm_btn:after{
content:" ";
clear:both;
height:0;
display:block;
visibility:hidden;
}

.cm_btn_right{
width:200px;
float:right;
}

.catalog{
width:690px;
display:block;
color:#000066;
margin-top:30px;
line-height:2.8;
zoom:100%;
}

.catalog:after{
content:" ";
clear:both;
height:0;
display:block;
visibility:hidden;
}

.catalog a{
color:#000066;
}

.catalog a:hover{
text-decoration:underline;
color:#FF6600;
}

.catalog .log1{
height:34px;
float:left;
width:520px;
display:block;
padding-left:10px;
border-bottom:solid 1px #fff;
background:#d4dfe8;
}

.catalog .log2{
height:34px;
float:left;
width:150px;
display:block;
text-align:right;
padding-right:10px;
border-bottom:solid 1px #fff;
background:#d4dfe8;
}

.catalog .log3{
height:34px;
float:left;
width:520px;
display:block;
padding-left:10px;
border-bottom:solid 1px #fff;
background:#eaeff3;
}

.catalog .log4{
height:34px;
float:left;
width:150px;
display:block;
text-align:right;
padding-right:10px;
border-bottom:solid 1px #fff;
background:#eaeff3;
}

/* -----------------------------------------------------------
qa
----------------------------------------------------------- */

.qa .box{
float:left;
width:690px;
}

.qa{
background:url(../images/qa/bg.jpg) no-repeat top right;
width:940px;
padding-left:20px;
zoom:100%;
}

.qa:after{
content:" ";
clear:both;
height:0;
display:block;
visibility:hidden;
}

.qa h3{
padding-top:50px;
margin-bottom:30px;
text-align:left;
}

.qa h4{
margin-top:40px;
margin-bottom:15px;
text-align:left;
background:url(../images/qa/q.gif) no-repeat left top;
padding-left:30px;
font-size:18px;
color:#00408C;

}

.qa .tex{
font-size:14px;
line-height:2;
margin-bottom:30px;
border:solid 5px #D5E4EE;
background:#fff;
width:690px;
padding:10px;
}

/* -----------------------------------------------------------
profile
----------------------------------------------------------- */

.profile .box{
width:600px;
zoom:100%;
}

.box:after{
content:" ";
clear:both;
height:0;
display:block;
visibility:hidden;
}

.profile{
background:url(../images/profile/bg.jpg) no-repeat top right;
width:940px;
padding-left:20px;
zoom:100%;
}

.profile:after{
content:" ";
clear:both;
height:0;
display:block;
visibility:hidden;
}

.profile h3{
padding-top:50px;
margin-bottom:30px;
text-align:left;
}

.profile h4{
margin-top:20px;
margin-bottom:15px;
}

.profile .tex{
font-size:14px;
line-height:2;
padding-top:50px;
margin-bottom:30px;
}

.table dl.name{
width:100％；/*430px;*/
}

.table dl.name dt{
float:left;
display:block;
width:auto;
min-width:220px;/*width:130px;*/
}

.table dl.name dd{
float:left;
display:block;
width:auto;/*width:300px;*/
}

/* -----------------------------------------------------------
branch
----------------------------------------------------------- */

.br1{
padding-top:30px;
}

.bl{
color:#000066;
}

/* -----------------------------------------------------------
inquiry
----------------------------------------------------------- */

.inquiry .box{
width:600px;
zoom:100%;
}

.inquiry{
background:url(../images/inquiry/bg.jpg) no-repeat top right;
width:940px;
padding-left:20px;
zoom:100%;
}

.inquiry:after{
content:" ";
clear:both;
height:0;
display:block;
visibility:hidden;
}

.inquiry .tex{
font-size:14px;
line-height:2;
padding-top:50px;
margin-bottom:30px;
}

.inquiry .tab3{
padding-top:5px;
padding-bottom:5px;
background:#e6e6e6;
border-right: solid 1px #ccc;
border-bottom:solid 1px #ccc;
width:160px;
}

.in_b{
font-size:12px;
}

.inq1{
width:200px;
}

.inq2{
width:70px;
}

.inq3{
width:300px;
}

.inq4{
width:150px;
}

.inq5{
width:350px;
height:70px;
}

/* -----------------------------------------------------------
news
----------------------------------------------------------- */

.news{
width:940px;
padding-left:20px;
zoom:100%;
}

.news .Title {
	background-image:url(../images/news/title_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-top:50px;
	width:920px;
	color:#00408C;
	font-size:20px;
	font-weight:bold;
	padding-bottom:5px;
}

.news .Status {
	padding-top:3px;
	color:#00408C;
}

.news .Comment {
	width:920px;
	margin-top:15px;
}

.news .Control {
	width:920px;
	margin-top:40px;
}

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

.table{
width:600px;
margin-top:0.5em;
margin-bottom:2em;
border:solid 1px #ccc;
font-size:14px;
}

.table td{
padding-left:1em;
padding-right:1em;
}

.tab1{
padding-top:5px;
padding-bottom:5px;
background:#e6e6e6;
border-right: solid 1px #ccc;
border-bottom:solid 1px #ccc;
}

.tab2{
padding-top:5px;
padding-bottom:5px;
background:#fff;
border-bottom:solid 1px #ccc;
}

.tab3{
padding-top:5px;
padding-bottom:5px;
background:#e6e6e6;
border-right:solid 1px #ccc;
width:100px;
}

.tab4{
background:#fff;
padding-top:5px;
padding-bottom:5px;
padding-left:2em;
}

.tab5{
padding-top:5px;
padding-bottom:5px;
background:#f2f2f2;
border-bottom:solid 1px #ccc;
}

.history{
width:600px;
margin-top:20px;;
margin-bottom:2em;
font-size:14px;
}

.history th{
	font-weight:normal;
	border-right: 2px solid #369;
	width:120px;
	padding-top:5px;
}

.history td{
	padding-left:10px;
	padding-top:5px;
}