@charset "Shift-jis";

@import url(navi8.css);
@import url(menu8.css);
@import url(style_wysywebBlock.css);


/* ページ全体
------------------------------------------------------------ */

body {
	margin: 0;
	padding: 0;
	background: url(../../img/top-bk.jpg);
	color: #454545;
	font-family:  "ＭＳ Ｐゴシック",'Myriad Pro','Meiryo',' Universe','Lucida Grande','Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}

form {
	font-family: 'Myriad Pro','Universe','Lucida Grande','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka,'Meiryo', sans-serif;
}

#wrapper-body {
	background:url(../../img/top-head-bk.jpg) repeat-x;
	margin: 0 auto;
}


#wrapper {
	width: 835px;
	margin: 0 auto;
}

img {
	border: none;
	
}
a{
	overflow:hidden;
	}


/* テーブルタグ装飾
------------------------------------------------------------ */

table {
	margin: 0;
	padding: 0;
}
table td {
	padding: 0;
	vertical-align: top;
}


/* リンクテキストの装飾
------------------------------------------------------------ */

a {
	color: #6e6e6e;
	text-decoration: none;
}
a:visited {
	color: #6e6e6e;
	text-decoration: none;
}
a:hover {
	color: #ff0000;
	text-decoration: none;
}


/* 全ての行間を詰める（行間リセット）
------------------------------------------------------------ */

h1,h2,h3,h4,h5,h6,p,ul,ol,dl {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 100%;
}

hr {
    margin: 0;
    padding: 0;
    display: none;
}


/* リストタグ装飾
------------------------------------------------------------ */

ul {}

ol {}

li {}


/* ページの先頭に戻る
------------------------------------------------------------ */

.page-top {
	text-align: right;
	margin:0px 5px 0 0;
	clear:both;
}
.page-top img {
margin:15px 0 20px 0;
}

/* 前のページに戻る
------------------------------------------------------------ */

.goback {
	text-align: right;
}


/* ヘッダー装飾（サイトID部分）
------------------------------------------------------------ */

#header {
	position:relative;
	width: 835px;
	height: 60px;
}
#headerlogo {
	padding: 0;
}

#header .logo {
	float: left;
	width:195px;
	height:33px;
	background:url(../../img/logo_img.jpg) no-repeat;
	margin:5px 0 4px 15px;
}
#header .logo a{
	width:195px;
	height:33px;
	display:block;
	text-indent:-9999px;
}
#header h1 {
	margin: 0 5px 0 0;
	padding: 0px 0 0 0px;	
	font-weight:normal;
	text-align:right;
	color:#FFFFFF;
}
#header h2 {
	margin: 0;
	padding: 21px 0 0 20px;	
	font-weight:normal;
	color:#FFFFFF;
}
#header address {
	margin: 0;
	padding: 1em 0 0 20px;
	font-weight:normal;
	font-style:normal;
}

#textSize {
	position: absolute;
	display: block;
	width: 190px;
	height: 31px;
	margin: 0;
	padding: 0;
	top: 22px;
	right: 5px;
	background:url(../../img/size_bk.gif) no-repeat;
}
#textSize th{
	vertical-align:middle;
	margin: 0;
	padding: 0;
}
#textSize th img{
	margin:0 0px 0 7px;
}

#textSize th img a{
	margin:0 0 0 0;
}

#textSize td img {
	margin: 0;
	padding: 0;
}

#head-btn {
	position: absolute;
	display: block;
	width: 153px;
	height: 35px;
	margin: 0;
	padding: 0;
	top: 41px;
	right: 5px;
	text-align: right;
}
#head-btn ul {
	margin: 0;
	padding: 0;
}
#head-btn li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}


#main-content{
background:#FFFFFF;
width:835px;
border: solid 1px #FFFFFF;
}

#content-top{
width:805px;
clear:both;
margin:15px;
}

#content{
width:820px;
background:url(../../img/content_bk.gif) repeat-y;
background-position:right;
margin:10px 0px 0px 15px;
clear:both;
}

/* パンくずナビ
------------------------------------------------------------ */

#bread {
	padding: 7px 15px 0px 15px;
	clear:both;
}


/* メインビジュアル
------------------------------------------------------------ */

#visualmain {
	padding-top: 1px;
/*	height: 250px;*/
	background: url(../img/bg_visualmain.gif) bottom;
}




/*トップ
----------------------------------------------------------*/
.itemTriple {

}

.itemTriple img{
float:left;
}


#top-left{
width:400px;
float:left;
}

#top-right{
width:389px;
float:right;
}


#top-right h2{
background:url(../../img/h2_title.jpg) no-repeat;
width:369px;
height:24px;
padding:7px 5px 0px 15px;
}
#top-right ul{
margin:10px 0 0 5px;
padding:0;
}
#top-right ul li{
list-style:none;
background:url(../../img/arrow_orange.gif) no-repeat;
background-position:center left;
margin:0px 0 10px 0;
padding:0 0 0 12px;
}

#top-left div img{
margin:0 7px 0 6px;
}
#top-left div p{
margin:0 10px 10px 0;
}

table.company{
	width:580px;
	border:1px solid #ffce9a;
	border-collapse:collapse;
	margin:15px 0 15px 5px;
	}
table.company th,table.company td{
	padding-left:10px;
	padding-top:4px;
	text-align:left;
	vertical-align:top;
		border-collapse:collapse;

	}	
.company th {
	width:20%;
	background-color:#ffce9a;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	line-height:120%;
		border-collapse:collapse;
	}
.company td {
	border-bottom:1px solid #ffce9a;
	border-left:5px solid #ff9a2e;
		border-collapse:collapse;
	}


.block-voice{
width:180px;
float:left;
margin:0 7px 10px 7px;
}
.block-voice p{
margin-bottom:3px;
}

.block-voice p.details{
text-align:right;
margin-left:3px;
display:list-item;
list-style-image:url(../../img/arrow_orange2.gif);
list-style-position: outside;
}

.block-image-text p.details{
text-align:right;
margin-left:3px;
display:list-item;
list-style-image:url(../../img/arrow_orange2.gif);
list-style-position: outside;
}



/*----------------------------------------コンテンツ汎用*/

#content-left{
width:600px;
margin:0 0px 0 0px;
float:left;
}
#content-right{
width:189px;
margin:0 12px 0 0;
_margin:0 6px 0 0;
float:right;
}


/*---------------------------------------コンテンツ右メニュー*/

#content-right img.banner{
width:189px;
margin:5px 0 15px 0px;
}

#content-right .block-banner{
width:189px;
margin:5px 0 10px 0px;
}
#content-right .block-banner img{
margin-bottom:0px;
}
#content-right .block-banner p{
}
#content-right ul{
width:189px;
list-style:none;
margin:5px 0 25px 0;
padding:0;
}
#content-right li{
width:189px;
height:30px;
background:url(../../img/l_menu.gif) no-repeat;
background-position:left center;
list-style:none;
display:block;
}

#content-right li a{
width:169px;
height:23px;
display:block;
padding:7px 0 0 20px;
}



/*--------------------------------------コンテンツ左メニュー*/

#content-left h2{
background:url(../../img/h2_right.jpg) no-repeat;
width:585px;
height:30px;
padding:12px 5px 0px 10px;
margin-bottom:15px;
}

#content-left h3{
background:url(../../img/h3_bar.jpg) no-repeat;
height:18px;
width:575px;
padding:7px 5px 5px 20px;
margin-bottom:15px;
}

.block-text{
margin:0 5px 20px 5px;
}
.block-text p{
margin-left:5px;
}

.block-W{
margin:0 5px 20px 5px;
}
.block-W p{
background:url(../../img/arrow_orange.gif) no-repeat;
padding:0 0 0 15px;
background-position:left center;
margin-left:5px;
}

.block-W p span{
font-weight:bold;
}
.block-image-text{
margin:0 5px 20px 5px;
}
.block-image-text img{
margin:0 10px 10px 0px;
float:left;
}.block-image-text p{
margin:0 0px 10px 0px;
}

.text-right{
text-align:right;
}

p.text-right {
text-align:right;
}

p.text-right-arrow{
text-align:right;
display:list-item;
list-style-image:url(../../img/arrow_orange2.gif);
}



#content-left p a {
	color: #0000cc;
	text-decoration: none;
}
#content-left p a:visited {
	color: #0000cc;
	text-decoration: none;
}
#content-left p a:hover {
	color: #ff0000;
	text-decoration: none;
}

.date{
margin-bottom:6px;
}




.taBox{
clear:both;
width:578px;
background: url(../../img/ta_bk.gif) repeat-y;
border-left:1px solid #ff9a2e;
border-right:1px solid #ff9a2e;
border-top:1px solid #ff9a2e;
border-collapse:collapse;
margin:0 5px 0px 5px;
}
.ta-left{
width:120px;
float:left;
}
.ta-left p{
margin:0 2px 0px 3px;
}
.ta-right{
width:456px;
float:right;
}
.ta-right p{
margin:0 2px 0px 3px;
}
.ta-bottom{
border-top:1px solid #ff9a2e;
width:580px;
margin:0 5px 0px 5px;
}







/* footNavi装飾
------------------------------------------------------------ */

#footNavi {
	clear: both;
	width: 835px;
	/*background: url(../img/bg_footNavi.gif);*/
}

#footNavi ul {
	position: relative;
	float: left;
	display: inline;
	list-style: none;
	width: 600px;
	left: 0;
	margin: 0;
	padding: 0 0 0 20px;
	height: 2.5em;
}

#footNavi ul li {
  float: left;
  margin: 0;
  padding: 0;
}

#footNavi ul li a {
  margin: 0;
  padding: 6px 20px 5px 20px;
  display: block;
  background: url(../img/footNavi_bg_li.gif) no-repeat left center;
}

#footNavi ul li a:hover {
  background: url(../img/footNavi_bg_li.gif) no-repeat -500px center;
  text-decoration: none;
}

#footNavi address {
	float: left;
	margin: 10px 0 0 40px;
	font-weight:normal;
	font-style:normal;
}

/* フッター装飾
------------------------------------------------------------ */

#footer {
	clear:both;
	height: 30px;
	margin: 0;
	padding: 0;
}

#footer address {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:12px;
color:#FFFFFF;
margin:10px 0 0px 0;
}

#footer address span{
text-align:right;
display:block;
position:relative;
top:-15px;
}

#footer a:link{color:#FFFFFF;}

#footer a {
	color: #ffffff;
	text-decoration: none;
}
#footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {
	color: #ffffff;
	text-decoration: none;
}


#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer li {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 140%;
}

#footer li a {
	margin: 0;
	padding: 0 10px;
}

#footer li a.last {
	margin: 0;
	padding: 0 10px;
	border: none;
}

#footer .copyright {
	text-align: left;
}

#powered {
	position:absolute;
    display:block;	
	top:17px;
	left:20px;	
	margin:0;
}




/* clearfixハック
------------------------------------------------------------ */



.clearfix:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/*Hides from IE-mac \*/
*html.clearfix { height: 1%; }
.clearfix { display: block; }
/*End hide from IE-mac*/