﻿@charset "utf-8";


/* ページ全体
-----------------------------------------------------------*/

*{
margin:0;
padding:0;
font-size:100%;
}


body{
background-color:#282828;
background-image:url(../../images/common/background.gif);
background-repeat:repeat-x;
background-attachment:scroll;
font-family:MS UI Gothic,Sans-serif,Arial,Tahoma,Verdana,"ＭＳ Ｐゴシック","Comic Sans ms",sans,Osaka;
}


/* 英字フォント設定
=======================================================================================================*/
.english{
font-family:Sans-serif,MS UI Gothic,Arial,Tahoma,Verdana,"ＭＳ Ｐゴシック","Comic Sans ms",sans,Osaka;
}
/*=====================================================================================================*/


/* フォントサイズ 設定
---------------------------------------------------------------------*/

body {
font-size: 14px;
}

/* for IE6 */
*html body {
font-size: 88%;
}

/* for IE7 */
*:first-child+html body {
font-size: 88%;
}

/* for MAC safari */
/*\*/
html:\66irst-child body {
 font-size: 13px;}
/* end */

/* for MacIE */
/* \*//*/
body {
 font-size: 82%;
 font-size: 13px;}
/**/



/* 画像の設定 */

img{
border:none;
}


/* 段落の設定 */

p{
text-align:justify;
text-justify:distribute;
color:#746f60;
line-height:180%;
}


/* h1～h6の余計な空白削除 */

h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
}


/* リンクの設定 */

a:link{
color:#645a32;
}

a:hover{
color:#ccc142;
text-decoration:none;
}

a:visited{
color:#7e6a47;
}


/* pの余計な空白削除 */

p{
margin:0;
padding:0;
}


/* ulの余計な空白削除 */

ul{
margin:0;
padding:0;
}


/* リストの設定 */

ul{
list-style:none;
margin:0.5em 0 0 0;
}

li{
color:#645a32;
margin-bottom:0.7em;
}


#wrapper{
width:960px;
height:auto;
margin:0 auto;
}


/* header
--------------------------------------------------------*/

#header{
width:960px;
height:40px;
margin:0 auto;
padding:0;
}



/* navi
--------------------------------------------------------*/

#g_nav{
width:960px;
height:40px;
margin:0 auto;
padding:0;
}


ul#g_nav_01{
margin:0 auto;
}


ul#g_nav_01 li{
display:inline;
margin:0;
}



/* sub navi
--------------------------------------------------------*/

ul#s_nav_01{
width:203px;
height:auto;
margin:0 auto;
padding:15px 0 10px 0;
}


ul#s_nav_01 li{
display:brock;
margin:0;
padding:0 0 7px 0;
}



/* footer navi
--------------------------------------------------------*/

#f_nav{
width:960px;
height:44px;
margin:0 auto;
padding:0;
}


ul#f_nav_01{
margin:0 auto;
padding:12px 0 0 0;
}


ul#f_nav_01 li{
display:inline;
margin:0;
}



/*ビジュアルの設定
----------------------------------------------------------------*/

#wrapper #visural_area{
width:960px;
height:200px;
padding:0;
}



/*-------------------------------------------------------------------------
 content
-------------------------------------------------------------------------*/


div#content {
background-color:#ffffff;
width:960px;
height:auto;
margin:0;
padding:0;
}


/* -----h1の設定----- */

h1#title{
background:url(../images/h1_bg.gif) no-repeat;
padding:0;
margin:0;
width:960px;
height:30px;
text-indent:-9999px;
}



/* 2カラムレイアウトの設定
------------------------------------------------------------------*/


div#main_cont {
width:600px;
float:right;
}


div#sub_cont {
width:260px;
float:left;
}


div#container:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}


div#container {
width:900px;
height:auto;
margin:0 auto;
padding:20px 0 20px 0;
}



/* sub_cont
------------------------------------------------------------------*/

h2{
font-weight:normal;
color:#645a32;
}


div.gazo{
margin:30px 0 0 0;
}



/* main_cont
------------------------------------------------------------------*/

div.banner {
width:600px;
height:40px;
margin:0 0 20px 0;
}


div.main_cont_area {
width:600px;
height:auto;
padding:0 0 25px 0;
}


h3{
font-weight:normal;
color:#993300;
margin-bottom:5px;
}


table.t01{
border:solid 1px #645a32;
border-collapse:collapse;
color:#746f60;
}


table.t01 td{
border:solid 1px #645a32;
}



/*-------------------------------------------------------------------------
 footer
-------------------------------------------------------------------------*/


#footer {
width:960px;
height:auto;
margin:0 auto;
}


/* フッターナビゲーション */

ul#f_nav_01{
width:960px;
height:30px;
padding:12px 0 0 0;
}


ul#f_nav_01 li{
display:inline;
margin:0;
}


#footer_bg {
width:960px;
height:35px;
background: url(../../images/common/footer_add.gif) no-repeat;
margin:0;
padding:0 0 20px 0;
}


#footer address{
text-indent:-9999px;
}









