@charset "utf-8";

/*-------------------------------------------------------------------
全称セレクタやリンクの基本カラー
--------------------------------------------------------------------*/
* {
	padding:0;
	margin:0;
}

img {
	border: none;
}

hr {
 margin:0;
 display:block;
 clear:both;
 height:1px;
 visibility:hidden;
 background:none;
 zoom:1;
}


html,body{
overflow: auto; 
scrollbar-track-color:#ffffff;
scrollbar-face-color:#000000;
scrollbar-arrow-color:#ffffff;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-3dlight-color:#000000; 
}


/*-------------------------------------------------------------------
bodyとid="container"のスタイル
--------------------------------------------------------------------*/


body  {
	font: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0;
	text-align: center;
	color: #000000;
/*	background-image: url(/img/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
*/
	background:url(/img/bg.gif) repeat ;
}


#wraper {
	width:1200px;
	padding:1px;
	margin:10px auto;
	text-align:left;
	border:#FFFFFF solid 1px ;
}


/*-------------------------------------------------------------------
id="header"関係のスタイル
--------------------------------------------------------------------*/

#header {
width:940px;
	background:url(/img/top.jpg) no-repeat top;
} 


/*--------------------------------------------------------------------
grovalnavi（グローバルナビ、メインのカテゴリーボタン）
---------------------------------------------------------------------*/

#gnavi{
margin-top:48px;
float:right;
}

#gnavi ul{
  list-style : none;  /*リストマークを消す*/
  text-align:center;  /*ボタン枠のテキストをセンター寄せ*/
}

#gnavi li{
  width : 160px;  /*リストの幅の設定*/
  float:left;  /*これで一列にリストを並ばせる*/
}


/*-------------------------------------------------------------------
id="mainContent"関係のスタイル
--------------------------------------------------------------------*/

#mainContent {
	width:820px;
	height:800px;
	float:right;
}

/*-------------------------------------------------------------------
id="main"関係のスタイル
--------------------------------------------------------------------*/

#main{
float:left;
width:170px;
height:800px;
background:url(/img/main/logo.gif) no-repeat top left;
}

#main ul{
list-style:none;
margin-top:50px;
}

#main ul li{
margin: 20px 0px 0px 25px;
}


/*--------------------------------------------------------------------
id="left"()
---------------------------------------------------------------------*/


#left{
	float:left;
	width:380px;
	height:800px;
}


/*--------------------------------------------------------------------
id="right"()
---------------------------------------------------------------------*/

#right{
	width:650px;
	height:800px;
	float:right;
}
#righttop{
	width:650px;
	height:800px;
	float:right;
	background:url(/img/right/top_r.jpg) no-repeat top left;
}

#righttop ul{
margin-top:130px;
list-style:none;
}

#righttop ul li{
color:#FFFFFF;
font:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
font-size:14px;
margin: 30px 70px 10px 70px;
}

#rightinfo{
	width:650px;
	height:670px;
	float:right;
	padding-top:130px;
	background:url(/img/right/omise_r.jpg) no-repeat top left;
font:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

#rightinfo a{
color:#FFFFFF;
text-decoration:underline;
}

#rightinfo a:hover{
color:#FFCB7C;
text-decoration:none;
}

#rightinfo p{
margin: 15px 70px 10px 70px;
color: #FF9933;
line-height:130%;
font-weight:bold;
font:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

#rightinfo ul{
list-style:none;
}

#rightinfo ul li{
color:#FFFFFF;
font:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
font-size:14px;
margin: 15px 70px 10px 70px;
}

.map{ width:550px; margin-left:50px;}

#rightnews{
	width:650px;
	height:800px;
	float:right;
	background:url(/img/right/news_r.jpg) no-repeat top left;
}


/*--------------------------------------------------------------------
id="footer"()
---------------------------------------------------------------------*/

#footer {
	font-size:11px;
	text-align:right;
	padding:0px;
	color:#FFFFFF;
	width:1200px;
	margin:0px auto 10px auto;
}


/*-------------------------------------------------------------------
各クラス達のスタイル
--------------------------------------------------------------------*/

.fltrt {
	float: right;
}

.fltlft {
	float: left;
}

.logo {
	margin: 0px 0px 2px 0px;
	float: left;
}

.clear{
	clear:both;
	}

.clearfix   {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
} 


/* --- ボックス --- */
div.section {
width: 500px; /* ボックスの幅 */
border: 1px #000000 solid; /* ボックスの境界線 */
font-size: 80%; /* ボックスの文字サイズ */
color:#FFFFFF;
margin: 160px 10px 10px 70px;
}

/* --- 本文領域 --- */
div.section div.textarea {
height: 550px; /* 本文領域の高さ */
overflow: auto;
}

/* --- 本文領域内の段落 --- */
div.section div.textarea ul {
list-style:none;
line-height:130%;
}

div.section div.textarea li {
color:#FFFFFF;
font:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
margin: 15px 10px; /* 段落のマージン（上下、左右） */
}

div.section div.textarea li.bgtxt{ font-weight:bold; color: #FFCB7C; font-size:120%;}