@charset "shift_jis";

/**********************************************

	全頁共通で使用するレイアウト用

**********************************************/

* { /* 全ての要素の間隔・余白を0へ */
 margin:0;
 padding:0;
}

body {
 color: #333;
 font-size: 12px;
 font-family: "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Verdana","Osaka","ＭＳ ゴシック","MS UI Gothic","Arial","sans-serif";
 background-color: #FFFFFF;
 text-align: center;
}

h1,h2,h3,h4,h5,p,form,dl,dt,dd{
 margin: 0;
 padding: 0;
}

/* anchor */
a:link {
 color: #000066;
}

a:hover {
 color: #666699;
}

a:visited {
 color: #666699;
}

/* ======================================== 文字サイズ */
#main{}
.baner {
	margin-top: 23px;
}

.baner p img {
	margin-right: 2px;
}

#menuR{
 font-size: 12px;
}

p, /* 文章の行間を指定 */
#contents li,
{
 line-height: 150%;
}

p{
 margin: 0px 0px 1.5em 3px;
}

ul{
 margin: 0em 1em 1em 2em;
}

img{
 border:0;
}

.small_text {
 font-size: 10px;
}

/* ======================================== .contentswrap 間隔・余白調整用 */
.contentswrap{
 margin: 0px;
}

/* ======================================== #page ページ外枠 */
#page {
 width: 800px;
 margin: 0px auto;
 text-align: left;
}

/* ======================================== #header 画面上部 */
#header {
 height: 90px;
 margin: 0px;
 color: #FFFFFF;
 border: none;
}


#logo {
 margin: 55px 0px auto 10px;
 border:none;
 float: left;
}

#socialbutton {
 width: 500px;
 margin-top:35px;
 padding-left:5px;
 border:red 1px solid;
 float: right;
}

#socialbutton div {
 margin-right: 10px;
 height: 20px;
 border:none;
 float: right;
}

#socialbuttonnews {
 width: 530px;
 margin-top:5px;
 margin-bottom:15px;
 padding-left:5px;
	border:none;
 float: left;
}

#socialbuttonnews div {
 margin-right: 10px;
 height: 20px;
	border:none;
 float: left;
}

/*
.block {
 width: 500px;
 height: 1px;
 float: right;
 margin:5px 0;
 border:red 1px solid;
 border:blue 1px solid;
	border:none;
}
.block div {
 float: right;
 margin-right:5px;
	border:none;
}
*/
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
min-height:1px;
}
.clear {
clear:both;
}

#social {
	margin: 0px 0px 0px 0px;
	border: none;
	float: right;
	width: 300px;
}

/* ======================================== #globalmenu 上部メニュー */
#globalmenu {
	float: right;
	display: inline;
	line-height: 1.2;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 0px;
	font-size: 1em;
}

#globalmenu ul li {
 float: left;
 display: inline;
 list-style-type: none;
 padding-right: 18px;
 margin-right: 14px;
 background: url(img/nav-sep.gif) repeat-y right 0;
}

#globalmenu ul li.last {
 margin-right: 0;
 padding-right: 0;
 background: none;
}

#globalmenu ul li a {
 color: #7f7f7f;
 text-decoration: none;
}

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

#globalmenu ul li.active a {
 color: #000;
}

/* ======================================== .head_img */
#head_img{
 margin: 0px;
 border:none;
}

/* ======================================== #globalmenu 上部メニュー */
#logomenu {
 float: left;
 display: inline;
 line-height: 1.2;
 padding-top: 10px;
 padding-bottom: 10px;
 text-align:center;
}

#logomenu ul li {
 float: left;
 display: inline;
 list-style-type: none;
 padding-right: 15px;
 margin-right: 10px;
 background: url(img/nav-sep2.gif) no-repeat right 0;
}

#logomenu ul li.last {
 margin-right: 0;
 padding-right: 0;
 background: none;
}

/* ======================================== #contents 画面中央部 #mainとサイドメニューの外枠 */
#contents{
 padding: 20px 0px 0px 0px;
 margin: 0px;
}

/* ======================================== #main ページの本文 */
#main {
 float: left;
 width: 530px;
 margin: 10px 0px 20px 0px;
}

* html #main {
 float: left;
 width: 530px;
 margin: 10px 0px 20px 0px;
}

#main h1 {

}

#main h2 {
	clear: both;
	padding: 3px 0px 3px 5px;
	margin: 0px 0px 0.5em 0px;
	border-bottom:solid #CCCCCC 1px;
	text-align: left;
	font-size: 1.2em;
}

#main h3 {
 clear: both;
 background-image: url(img/icon-square.gif);
 background-repeat: no-repeat;
 margin: 0px 10px 0px 10px;
 padding: 0px 0px 5px 20px;
 text-align: left;
 font-size: 1.0em;
 line-height: 1;
}

#main h4 {
 clear: both;
 background-image: url(img/icon-square.gif);
 background-repeat: no-repeat;
 border-bottom:solid #CCCCCC 1px;
 margin: 0px 10px 0px 10px;
 padding: 0px 0px 5px 20px;
 text-align: left;
 font-size: 1.0em;
 line-height: 1;
}



#main a:link {
 text-decoration: none;
}

.img-right {
 float: right;
 padding: 0px 5px 0px 5px;
 margin: 0px;
}


/* ======================================== リスト アイコン */

.icon {
 margin:0px 10px;
 list-style-type:none;
 line-height:180%;
 }

.icon li {
 text-indent:0px;
 padding-left:15px;
 background: url(img/linklist-ico.gif) left no-repeat;
 }
 
/* ======================================== リスト Topics */
 
.topics {
 margin:0px 10px 30px 10px;
 list-style-type:none;
 line-height:180%;
 }

.topics li{
 text-indent:0px;
 padding-left:15px;
 background: url(img/arrow.gif) left no-repeat;
 border-bottom:1px dotted #CCCCCC;
 }
 
.topics li a{
 text-decoration: none;
}

.topics li a:hover{
 text-decoration: underline;
}

/* ======================================== リスト 数字 */
 
.number {
 margin:0px 10px;
 padding-left:25px;
 list-style-type: decimal;
 line-height:180%;
 }

.number li{
 text-indent:0px;
 }
 
/* ======================================== リスト アルファベット */
 
.alphabet {
 margin:0px 10px;
 padding-left:25px;
 list-style-type: lower-alpha;
 line-height:180%;
 }

.alphabet li{
 text-indent:0px;
 } 

/* ======================================== menuL 右サイドメニュー */
#menu-r {
 float: right;
 width: 250px;
 margin: 33px 0px 200px 0px ;
}

#menu-r p{
 margin-right: 1em;
 margin-left: 1em;
}

#menu-r h3{
 padding: 10px 15px;
 display: block;
 position: relative; /* for IE6 */
 background-color:#F1F1F1;
 color: #333333;
 font-size: 12px;
 font-weight:bold;
}

#menu-r h3 a{
 text-decoration: none;
 color: #333333;
}

/*#menu-r p a{
 text-decoration: none;
 color: #333333;
}*/

/* ======================================== Sub Navigation */
#undernavi{
 clear: both;
 margin: 0px;
 background:url(img/footer-line.jpg) top no-repeat;
 text-align: center;
 text-transform: uppercase;
 font-size:10px;
}

#undernavi p{
 padding: 10px 0 0 0;
}

/* ======================================== Introduction */
#introduction{
 clear: both;
 margin: 0px;
 padding: 30px;
 background:url(img/i-introduction.jpg) top repeat-x #494949;
 text-align: left;
 color: #FFFFFF;
}

#introduction a{
 text-decoration: none;
 color: #FFFFFF;
}

#introduction a:hover{
 text-decoration: underline;
}

/* ======================================== Footer */
#footer {
 padding: 10px 0px;
 color: #FFFFFF;
 text-align: center;
 font-size:10px;
 background-color: #000000;
}

.table_copyright {
 width:750px;
 margin:0px auto;
 padding:0px;
}


#footer a{
 text-decoration: none;
 color: #FFFFFF;
}

#footer a:hover{
 text-decoration: underline;
}

/* ======================================== #templatelink 画面下部:著作リンク */
#templatelink {
 padding: 3px 0px;
 margin: 0px 0px 5px;
 text-align: right;
}

#templatelink a{
 color: #336699;
 text-decoration: none;
}

/* ======================================== そのほか個別設定 */
ul.submenu {
 margin: 0;
 padding: 0;
 width: 100%; /* 幅 */
 line-height: 1;
 background-color: #f6f6f6;
 list-style-type: none;
}

ul.submenu li {
 margin: 0;
 padding: 0;
 font-size: 12px; /* 文字サイズ */
}

ul.submenu li a {
 padding: 10px 5px;
 display: block;
 position: relative; /* for IE6 */
 color: #333333;
 text-decoration: none;
 background:url(img/arrow2.gif) left no-repeat;
 text-indent:15px;
}

ul.submenu li a:hover {
 background-color: #cccccc;
}

ul.submenu li.active {
 background-color: #cccccc;
}

.philosophy {

 margin: 0;
 padding: 10px 0px 0px 0px;
 width: 100%; /* 幅 */
 line-height: 1;
 background-color: #FFFFFF;
 list-style-type: none;
}


ul.submenu2 {
 margin: 0px;
 padding: 0px;
 width: 100%; /* 幅 */
 line-height: 1.3em;
 background-color: #f6f6f6;
 list-style-type: none;
}

ul.submenu2 li {
 margin: 0;
 padding: 0;
 font-size: 12px; /* 文字サイズ */
}

ul.submenu2 li a {
 padding: 10px 5px;
 display: block;
 position: relative; /* for IE6 */
 color: #333333;
 text-decoration: none;
 text-indent:-5px;
}

ul.submenu2 li a:hover {
 background-color: #cccccc;
}

ul.submenu2 li.active {
 background-color: #cccccc;
}

/* ======================================== menuL 右サイドメニュー ie6対策 */

* html #menu-r {
	float: right;
	width: 250px;
	margin: 33px 0px 200px 0px;
	
}

* html #menu-r p{
	margin-right: 1em;
	margin-left: 1em;
}

* html #menu-r h3{
	padding: 10px 15px;
	display: block;
	position: relative; /* for IE6 */
	background-color:#F1F1F1;
	color: #333333;
	font-size: 12px;
	font-weight:bold;
	width: 220px;
}

* html #menu-r h3 a{
	text-decoration: none;
	color: #333333;
}

* html .subinfo {
	float: right;
	width: 250px;
	height: auto;
	margin:0px;
	padding: 10px 0px 0px 0px;
}


/*#menu-r p a{
 text-decoration: none;
 color: #333333;
}*/
/* ======================================== ie6対策 */
* html ul.submenu {
	margin: 0px;
	padding: 0px;
	width: 100%; /* 幅 */
	height: 100%; /* 高さ */
	line-height: 1;
	background-color: #f6f6f6;
	list-style-type: none;
}

* html ul.submenu ul {
	margin: 0px;
	padding: 0px;
	background-color: #f6f6f6;
	list-style-type: none;
	line-height: 0px;
}


* html ul.submenu li {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	font-size: 12px; /* 文字サイズ */
	display: inline;	
}

* html ul.submenu li a {
	padding: 0px;
 	display: block;
 	position: static; /* for IE6 */
 	color: #333333;
 	line-height:30px;
 	text-decoration: none;
 	background:url(img/arrow2.gif) left no-repeat;
 	text-indent:20px;
}

* html ul.submenu li a:hover {
	background-color: #cccccc;
	display: block;
 }

* html ul.submenu li.active {
	background-color: #cccccc;
 	display: block;
	zoom:1;
}
 
* html .philosophy {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	width: 100%; /* 幅 */
	height:10px;
	background-color: #FFFFFF;
	list-style-type: none;
}


* html ul.submenu2 {
	margin: 0px;
	padding: 0px;
	width: 100%; /* 幅 */
	height:100%;
	line-height: 0px;
	background-color: #f6f6f6;
	list-style-type: inherit;
}

* html ul.submenu2 ul {
	margin: 0px;
	padding: 0px;
	width: 100%; /* 幅 */
	height:100%;
	line-height: 0px;
	background-color: #f6f6f6;
	list-style-type: inherit;
}

* html ul.submenu2 li {
	margin: 0;
	padding: 0;
	font-size: 12px; /* 文字サイズ */
	line-height: 0px;
	display: inline;
}

* html ul.submenu2 li a {
	padding: 0px 0px;
	position: static; /* for IE6 */
	color: #333333;
	text-decoration: none;
	text-indent:0px;
	line-height:normal;

}

* html ul.submenu2 li a:hover {
	background-color: #cccccc;
}

* html ul.submenu2 li.active {
	background-color: #cccccc;
	display: block;
	zoom:1;
}


/* ======================================== そのほか個別設定 */
.label{
 padding: 5px;
 margin: 0px 0px 10px;
 background: url(img/col-title2.gif) repeat-x;
 font-weight: bold;
 color: #FFFFFF;
}
#photo_gallery {
	height: auto;
	width: auto;
}


.subh {
 padding: 0px 0px 0px 20px;
 margin: 0px;
 font-size:10px;
 font-weight:normal;
 color: #CCCCCC;
}
.photo_img {
	padding: 0px;
	height: 56px;
	width: 84px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 5px;
	margin-left: 0px;
}


.photo {
 margin: 0px 0px 20px;
}

.toinfo {
 margin: 0px 1em 1em 0;
 text-align: right;
 list-style-type: none;
}

.right {
 text-align: right;
}

.center {
 text-align: center;
}

.text10 {
 font-size:10px;
 font-weight:normal;
 color: #999999;
}

.text-red {
 color: #cc0000;
}

.text-bold {
 font-size:10px;
 font-weight:bold;
 color: #999999;
}
/* ======================================== .box */

.box {
 margin: 0px 0px 10px 0px;
 padding: 5px;
 border:1px solid #CCCCCC;
 height: 52px;
}

.box img{
 border:1px solid #FFFFFF;
 margin: 0px 5px 5px 0px;
}

.box p{
 font-size: 10px;
}

.box h4{
 margin: 0px;
 font-size: 10px;
 font-weight:bold;
}

.box h4 a{
 text-decoration: none;
}

/* ======================================== .box_twitter */

.box_twitter {
 margin: 0px 0px 10px 0px;
 padding: 2px;
 border:1px solid #CCCCCC;
 height: auto;
}


/* ======================================== .box2 */

.box2 {
 margin: 0px 0px 10px 0px;
 padding: 0px;
}

.box2 h4{
 margin: 0px;
 font-size: 10px;
 font-weight:bold;
}

.box2 p{
 font-size: 10px;
}

.box-list {
 margin:5px;
 list-style-type:none;
 line-height:130%;
 font-size: 10px;
 }

.box-list li{
 text-indent:0px;
 padding-left:10px;
 background: url(img/arrow3.gif) left top no-repeat;
 }
 
.box-list li a{
 text-decoration: none;
}

.box-list li a:hover{
 text-decoration: underline;
}

/* ======================================== NEWS */

.table_news {
 width:95%;
 margin:10px auto;
 padding:0px;
 border-collapse:collapse;
}
.table_news th {
 width:20%;
 padding:3px 5px;
 text-align:left;
 vertical-align:top;
 border-bottom:1px dotted #CCCCCC;
 font-weight: normal;
}
.table_news td {
 border-bottom:1px dotted #CCCCCC;
 background: url(img/mark.gif) no-repeat 2px;
 padding: 3px 0px 3px 10px;
}

.table_news td a{
 text-decoration: none;
}

.table_news td a:hover{
 text-decoration: underline;
}

/* ======================================== Car Line UP */

.table_logo {
 width:100%;
 margin:0px;
 padding:0px;
 color:#FFFFFF;
}

.table_logo td {
 padding:3px auto;
 font-size:9px;
 border-left:
}

/* ======================================== Car Line UP */

.table_lineup {
 width:750px;
 margin:0px auto;
 padding:0px;
 color:#FFFFFF;
}
.table_lineup th {
 padding:3px auto;
 font-weight:bold;
 font-size:10px;
 text-align:left;
}
.table_lineup td {
 padding:3px auto;
 font-size:9px;
}

/* ======================================== テーブル　01 */

.table_01 {
 width:100%;
 margin:10px auto;
 padding:0px;
 font-size:10px;
 border-collapse:collapse;
 border-top:1px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
}
.table_01 th {
 padding:4px 2px 2px 4px;
 text-align:left;
 vertical-align:top;
 background-color:#EEEEEE;
 border-bottom:1px dotted #CCCCCC;
 font-weight: normal;
}
.table_01 td {
 padding:4px 2px 2px 4px;
 border-bottom:1px dotted #CCCCCC;
 vertical-align:top;
}
.table_01 td.gray {
 color: #CCCCCC;
}
.table_01 tr.line {
 border-top:1px solid #CCCCCC;
}
.table_01 tr.noline {
 border-top:1px solid #FFFFFF;
}
.table_01 td a{
 color: #333;
 text-decoration: none;
}
.table_01 td a:hover{
 text-decoration: underline;
}
.odd {
 background: #F6F6F6;
}

/* ======================================== テーブル　02 */

.table_02 {
 width:100%;
 margin:10px auto;
 padding:0px;
 font-size:10px;
}
.table_02 td {
 padding:4px 2px 2px 4px;
 border-top:1px solid #FFFFFF;
 border-bottom:1px solid #FFFFFF;
}
.table_02 td img {
 vertical-align: middle;
 border:none;
 text-align:center;
 padding:10px 15px;
}

/* ======================================== テーブル　03 */

.table_03 {
 width:100%;
 margin:0px auto;
 padding:0px;
}
.table_03 td {
 padding:4px 2px 2px 4px;
 border-top:1px solid #FFFFFF;
 border-bottom:1px solid #FFFFFF;
}
.table_03 td img {
 vertical-align: middle;
 border:none;
 text-align:center;
 padding:10px 15px;
}

/* ======================================== テーブル　04 */

.table_04 {
 width:100%;
 margin:0px auto;
 padding:0px;
}
.table_04 td {
 padding:2px;
 border:1px solid #CCCCCC;
}

/* ======================================== テーブル　05 */

.table_05 {
 width:100%;
 margin:0px auto;
 padding:0px;
 border-collapse:collapse;
 
}
.table_05 td {
 padding:2px;
 border:1px solid #CCCCCC;

}

/* ======================================== テーブル　06 */

.table_06 {
 width:100%;
 margin:0px auto;
 padding:0px;
 background-color:#f8f8f8;
 border-collapse:collapse;
 
}

.table_06 th {
 padding:4px 2px 2px 4px;
 text-align:center;
 background-color:#f1f1f1;
 border:1px dotted #CCCCCC;
 font-weight: normal;
}
.table_06 th.thgreen {
 background-color: #77b847;
}

.table_06 td {
 padding:4px 2px 2px 4px;
 border:1px dotted #CCCCCC;
 text-align:right;
 vertical-align:top;
}
.table_06 td.green {
 background-color: #9ed376;
}

.table_06 td.white {
 background-color:#FFFFFF;
 text-align:left;
 font-weight: bold;
 border:none;
}

.table_07 {
 width:65%;
 margin:0px 0px;
 padding:0px;
 background-color:#f8f8f8;
 border-collapse:collapse;
 
}

.table_07 th {
 width:20%;
 padding:4px 2px 2px 4px;
 text-align:left;
 background-color:#f1f1f1;
 border:1px dotted #CCCCCC;
 font-weight: normal;
}

.table_07 td {
 padding:4px 2px 2px 4px;
 border:1px dotted #CCCCCC;
 text-align:left;
 vertical-align:top;
}

/* ======================================== パンくず */

#pan{ padding: 5px 0 15px 0; }
#pan span{ padding: 0 10px; }

/* ======================================== ページトップへ */

.topofpage{
 margin: 0 0 0 auto;
 padding: 0 0 0 15px;
 background: url(../../common/images/icon-arrow_top.gif) no-repeat center left;
 float: right;
}

/* ======================================== pdfアイコン */

.icon-pdf{
 display: block; /* DW対策 inline要素の背景画像は表示しない 実際に使うところで幅を設定する必要がある */
 padding: 0px 30px 0px 0;
 background: url(../images/icon-pdf.gif) no-repeat center right;
}

/* ======================================== 画像左寄せ、文字回り込み */
.iti1 {
	float:left;
	margin-right:1em;
	margin-bottom:1.5em;
	margin-left: 1em;
	
}

* html .iti1 {
	float:left;
	margin-right:1em;
	margin-bottom:1.5em;
	margin-left: 1em;
}


/* ======================================== 画像右寄せ、文字回り込み */
.iti2 {
 float:right; margin-left:1em; margin-bottom:1em;
}

/* ======================================== 画像初期状態、文字回り込み */
.iti3 {
 float:none; margin-left:1em; margin-bottom:1em;
}

text {
	margin: 0px 0px 0px 30px;
	width: 25px;
}

#main h5 {
	border-bottom:solid #CCCCCC 1px;
	margin: 0px 10px 3px 125px;
	padding: 0px 10px 1px 0px;
	font-size: 12px;
	width: 374px;
}

#main h5 a {
	text-decoration: none;
}

#main h5 a:hover {
	text-decoration: underline;
}

.box_03 {

 margin: 5px 0px 5px 0px;
 padding: 5px;
 border:0px solid #CCCCCC;
 height: auto;
 clear: both;
}
.box_text {
	margin: 0px 0px 10px 0px;
	padding: 5px;
	height: 100px;
}
.box_03 p {

	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	height: 30px;
	font-size: 10px;
}

-ie6--

* html #main h5 {
	border-bottom:solid #CCCCCC 1px;
	margin: 0px 10px 10px 125px;
	padding: 0px 10px 5px 0px;
	font-size: 12px;
	width: 380px;
}

* html #main h5 a {
	text-decoration: none;
}

* html #main h5 a:hover {
	text-decoration: underline;
}

* html .box_03 {

 margin: 5px 0px 5px 0px;
 padding: 0px;
 border:0px solid #CCCCCC;
 height: auto;
 display: inline;

}
* html .box_text {
	margin: 0px 0px 10px 0px;
	padding: 5px;
	height: 100px;
}
* html .box_03 p {

	margin: 0px 0px 10px 0px;
	padding: 0px 0px 15px 0px;
	height: 30px;
	font-size: 10px;
}
* html #menu-r {

 float: right;
 width: 250px;
 margin: 33px 0px 200px 0px ;
}
* html .subinfo {
 margin: 0px;
 padding: 0px;

}