﻿@charset "utf-8";

/* -----------------------------------------------------------------
BASELAYOUT CSS
LAST UPDATE:2011/08/02
--------------------------------------------------------------------

/* INDEX
01:wrap
02:header
03:main
04:footer
05:side
06:content
----------------------------------------------------------------- */

.ml24{margin-left: 24px;}
.mr24{margin-right: 24px;}
.mt15{margin-top: 15px;}
html {
overflow-y:scroll;
}

body{
height: 100%;
text-align: center;
margin-bottom:1px;
}
body > #wrap{
margin:0 auto 0 auto;
}
body a{
color: #A0141A;
text-decoration: none;
}
body a:hover{
color:#a0141a;
text-decoration:underline;
}
body p{
line-height:1.5em;
}
/*
	01:wrap
-----------------------------------------*/
#wrap {
width:100%;
height: 100%;
text-align: left;
position: relative;
margin:0 auto;

}
#top #wrap {
background:url(/common/images/bg_top.jpg) repeat-x 1435px 59px ;
}
/*
	02:header
-----------------------------------------*/
#header {
width:1000px;
background-color:#FFF;
height:59px;
position:relative;
margin:0 auto;
}
#header .logo{
position:absolute;
left:20px;
}

#header ul.tnavi_01{
width:185px;
overflow:hidden;
position:absolute;
top:13px;
left:445px;
}
#header ul.tnavi_01 li{
float:left;
margin-right:10px;
}

#header .tnavi_02{
width:300px;
height:26px;
position:absolute;
top:0;
left:700px;
background:url(/common/images/bg_tnavi.gif) no-repeat left top;
white-space:nowrap;
/text-align:center;
}
#header .tnavi_02 ul{
padding:3px 7px;
margin:0;
font-size:10.5px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#header .tnavi_02 li{
display:inline;
text-align:center;
padding-right:2px;
}
#header .tnavi_02 li a{
color:#FFF;
padding:0 7px 0 0 ;
background:url(/common/images/border_punctuation.gif) right center no-repeat;
text-decoration:none;
}
#header .tnavi_02 li.last a{
padding-right:0px;
background:none;
}

#header .tnavi_02_en{
height:26px;
position:absolute;
top:0;
left:900px;
background:url(/common/images/bg_tnavi_en.gif) no-repeat left top;
white-space:nowrap;
/text-align:center;
}
#header .tnavi_02_en ul{
padding:3px 15px;
margin:0;
font-size:10.5px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#header .tnavi_02_en li{
display:inline;
text-align:center;
padding-right:2px;
}
#header .tnavi_02_en li a{
color:#FFF;
padding:0 7px 0 0 ;
background:url(/common/images/border_punctuation.gif) right center no-repeat;
text-decoration:none;
}
#header .tnavi_02_en li.last a{
padding-right:0px;
background:none;
}

#bgW{
	background:#fff;
	width:100%;
}

/*
	03:main
-----------------------------------------*/

#main{
width:1000px;
margin:0 auto;
}

#main #mainInner{
width:960px;
margin:0 auto;
}

#main #mainInner #container{
width:100%;
overflow:hidden;
}
#main .mainvisual ul{
position:relative;
}
#main .mainvisual ul li{
position:absolute;
}

#main .mainvisual ul li.content1 {
left: 20px;
}
#main .mainvisual ul li.content2 {
left: 262px;
}
#main .mainvisual ul li.content3 {
left: 504px;
}
#main .mainvisual ul li.content4 {
left: 746px;
}

/*
	04:footer
-----------------------------------------*/
#link_area{
width:100%;
margin-top:40px;
background:url(/common/images/footer_link_bg2.gif) 0 0 repeat-x;
height:110px;
clear:both;
margin-bottom:0;
padding-bottom:0;
}

#link_area_inner{
width:960px;
height:110px;
margin:0 auto;
}

#link_area_inner a:hover img{
	filter: alpha(opacity=85);
  	-moz-opacity:0.85;
  	opacity:0.85;
}

#link_area_inner .col2{
	float: left;
	width: 516px;
	overflow: hidden;
	text-align: right;
	
}
#link_area_inner .col2 ul{
	width: 516px;
}
#link_area_inner .col2 ul li{
	float: left;
	display:block;
}
#link_area_inner .col2 ul li a{
	background: none;
	padding:0;
}

#link_area_inner .col2 ul li.sns{
	padding-top:29px;
	width: 52px;
	height: 52px;
	margin-right: 10px;
}

.col2 ul li a.e-onkyo img{
	margin:10px 0;
	margin-right:10px;
}

#link_area_inner .col2 ul li.olio{
	padding-top:20px;
	width: 156px;
	height: 52px;
	margin-right: 0px;
}

#link_area_inner .col3{
	float: right;
	width: 435px;
	overflow: hidden;
	display:block;
}

#link_area_inner .col3 ul{
	width: 435px;
}
#link_area_inner .col3 ul li{
	float: left;
	margin-left: 15px;
	height: 110px;
	display:block;
}
#link_area_inner .col3 ul li a{
	background: none;
	padding:0;
}

li.bn_right a img{
	padding-top:12px;
	display:block;
}
	 


#footer{
width:100%;
background:#000;
color:#FFF;
clear:both;
text-align:left;
/text-align: center;
}
#footer #footerInner{
width:960px;
margin:0 auto;
/text-align: left;
padding:30px 0; 

}

#footer #footerInner .bnavi_01 li{
display:inline;
font-size:14px;
}
#footer #footerInner .bnavi_02 li{
display:inline;
line-height:3;
font-size:12px;

}

#footer #footerInner ul li a{
color:#fff;
padding:0 8px 0 5px;
background:url(/common/images/border_punctuation.gif) right center no-repeat;
text-decoration:none;
line-height:1.75;
}
#footer #footerInner ul li.last a{
padding-right:0px;
background:none;
}
#footer #footerInner .address{
font-size:12px;
}
#footer #footerInner .footerInnerWrap{
	overflow: hidden;
	margin-top:20px;
}
#footer #footerInner .footerInnerWrap .col1{
	float: left;
	width: 650px;
}

#footer #footerInner .footerInnerWrap .col1 a{
	color:#CCC;
}

#footer #footerInner .footerInnerWrap .col2{
	float: right;
	width: 500px;
	overflow: hidden;
	text-align: right;
	padding-top: 10px;
}
#footer #footerInner .footerInnerWrap .col2 ul{
	width: 510px;
}
#footer #footerInner .footerInnerWrap .col2 ul li{
	float: left;
	margin-right: 10px;
	width: 160px;
	height: 40px;
}
#footer #footerInner .footerInnerWrap .col2 ul li a{
	background: none;
	padding:0;
}

#footer #footerInner .footerInnerWrap .col5{
	float:right;
}

#footer #footerInner .footerInnerWrap .clinic{
	float: right;
	margin-top:10px;
	width: 270px;
}

#footer #footerInner .footerInnerWrap .clinic a:hover img{
	filter: alpha(opacity=95);
  	-moz-opacity:0.95;
  	opacity:0.95;
}

/*
	05:side
-----------------------------------------*/

#sideNavi{
width:260px;
float:left;
}
#sideNavi ul.imgTtlNavi {
background:#aa1212;
}
#sideNavi ul.imgTtlNavi li{
background:url(/common/images/lnavi_block_off.gif) no-repeat left top ;
font-weight:bold;
text-align:left;
}
table #sideNavi ul.imgTtlNavi li{
/background:url(/common/images/lnavi_block_off.gif) no-repeat left top ;
}

#sideNavi li a{
color:#fff;
display:block;
height:34px;
padding:16px 0 0 10px;
text-decoration:none;
}
table #sideNavi li a{
/height:50px;
}
#sideNavi li a.line2{
padding:8px 10px 0 10px;
/padding:8px 20px 0 10px;
height:42px;
}
table #sideNavi li a.line2{
padding:8px 10px 0 10px;
/padding:8px 20px 0 10px;
/height:50px;
}
#sideNavi ul.imgTtlNavi li ul li{
display:inline;
background:none;
font-weight:normal;
}
#sideNavi ul.imgTtlNavi li ul li.noLink{
display:block;
height:auto;
padding:5px 10px 5px 20px;
line-height:1.3;
border-bottom:1px #b32a2a solid;
color:#FFF;
background:url(/common/images/icon_navi_circle.gif) no-repeat 8px center;
}
.sideSec .imgTtlNavi .sideChild{
border-bottom: 1px solid #B32A2A;
}
#sideNavi ul.imgTtlNavi li ul li a{
display:block;
height:auto;

padding:5px 10px 5px 20px;
line-height:1.3;
background:url(/common/images/icon_navi_arrow.gif) no-repeat 8px center;
border-bottom:1px #b32a2a solid;
}
#sideNavi ul.imgTtlNavi li ul li a:hover{
background:url(/common/images/icon_navi_arrow.gif) no-repeat 8px center #8a0a0a;
}
/*
	06:content
-----------------------------------------*/
#main #content{
width:680px;
float:right;
}
#main .formError{
line-height:1;
color:#f00;
}

/* 
	07:column1
-----------------------------------------*/
#column1 #main #content{
width:100%;
float:none;
}
