@charset "shift_jis";

/*---------------------------
  ▼ページ全体
---------------------------*/
body {
background-color: #e1ddd9;
font-size: 11px;
font-family: Tahoma,sans-serif,"MS UI Gothic", "ヒラギノ角ゴ Pro W3","OSAKA";
color:#564b47;
padding:0px;
margin:0px;
text-align: center;
}

a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #cccc00;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px 5px;
margin:0px }

h3 {
font-size:12px;
font-weight: bold;
background-color: #cccc00;
font-family: Arial black;
padding: 5px 15px 5px;
margin:0px;}

img.download {vertical-align:middle;}


/* ----------container to center the layout-------- */
#container {
width: 860px;
padding: 0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #e1e1e1;
padding: 0px;
margin: 0px; }

#banner img {padding:10px 0px 0px;} 

/* ----------outer and inner----------------- */

#outer{ 
border-left: solid 170px #cccc99; /* color of the left column  */ 
border-right: solid 150px #cccc99; /* color of the right column  */ 
background-color: #ffffff;  /* color of the content column */
} 

#inner{margin:0; width:100%; } /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
#left {
 width:170px; 
 float:left; 
 position:relative; 
 margin-left:-170px; 
 margin-right:1px;
 text-align: left;
 }

 #right {
 width:150px; 
 float:right; 
 position:relative; 
 margin-right:-150px; 
 margin-left:1px;
 text-align: left;
 }

/*---------------------------
  ▼左ナビゲーション
---------------------------*/
#l_navi ul{
	padding: 0;
	margin: 0 0 0 3px;
	width:155px;
}

#l_navi li{
	display:block;
	padding: 2px 0px;
	text-indent: -9999px;
	background: url(../image/bo0en_lo.gif) no-repeat;
}

#l_navi li a{
	display:block;
	text-decoration:none;
}

#l_navi li#top a {
	height:46px;
	width:155px;
	background: url(../image/side_menu.gif) no-repeat;
}

#l_navi li#home a {
	height:34px;
	width:155px;
	background: url(../image/bohome.gif) no-repeat;
}

#l_navi li#home a:hover {
	height:34px;
	width:155px;
	background: url(../image/bohome_lo.gif) no-repeat;
}

#l_navi li#situmon a {
	height:34px;
	width:155px;
	background: url(../image/booption.gif) no-repeat;
}

#l_navi li#situmon a:hover {
	height:34px;
	width:155px;
	background: url(../image/booption_lo.gif) no-repeat;
}

#l_navi li#nagare a {
	height:34px;
	width:155px;
	background: url(../image/bonagare.gif) no-repeat;
}

#l_navi li#nagare a:hover {
	height:34px;
	width:155px;
	background: url(../image/bonagare_lo.gif) no-repeat;
}

#l_navi li#layout a {
	height:34px;
	width:155px;
	background: url(../image/bolayout.gif) no-repeat;
}

#l_navi li#layout a:hover {
	height:34px;
	width:155px;
	background: url(../image/bolayout_lo.gif) no-repeat;
}

#l_navi li#contact a {
	height:34px;
	width:155px;
	background: url(../image/botoiawase.gif) no-repeat;
}

#l_navi li#contact a:hover {
	height:34px;
	width:155px;
	background: url(../image/botoiawase_lo.gif) no-repeat;
}

#banner1 {
	float: left;
	padding: 0;
	margin: 5px 2px;
	width:149px;
	height:180px;
	clear: both;
}

#banner2 {
	float: left;
	padding: 0;
	margin: 5px 2px 5px 3px;
	width:145px;
	height:120px;
	clear: both;
	background: #FFFFFF;
	border: thin dashed #666666;
	font: 10px/12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


/* -----------------content--------------------- */ 
#content{ 
position: relative; 
margin: 0px; 
text-align: left;
}

p {
padding: 5px 5px 5px 5px;
margin:0px;
font-family: courier, courier new, monospace;
}


/*---------------------------
  ▼アドバイス
---------------------------*/
#advice img{
	float: left;
	padding-left:20px;
	padding-right:10px;
}

#advice p{
	line-height:18px;
	padding-left:18px;
	padding-right:18px;
}

.menu_body{
	height: 320px;		
	background: url(../image/menu_bg.gif) repeat-y;
	margin: 5px 0 3px;
	padding-left: 0px;
}

/*---------------------------
  ▼ライトボックス
---------------------------*/
#r_box {
	clear: both;
	float: right;
	width:130px;
	background: #FFFFFF url(../image/bana-1.gif) no-repeat;
	height: 130px;
	border: thin solid #000066;
	font-size: 10px;
	color: #333333;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0 3px 3px;
}

#r_box2 {
	clear: none;
	float: right;
	margin: 3px 3px 3px;
	width:130px;
	background: #FFFFFF url(../image/tai-coment.gif) no-repeat;
	height: 360px;
	border: thin solid #000066;
	font-size: 11px;
	color: #333333;
	line-height: 15px;
	padding: 26px 0px 5px 0px;
}

#r_box3 {
	clear: none;
	float: right;
	margin: 3px 3px 0;
	width:130px;
	background: #FFFFFF url(../image/bana-2.gif) no-repeat;
	height: 130px;
	border: thin solid #000066;
	font-size: 10px;
	color: #333333;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background: url(../image/bana-2.gif) no-repeat;
}


/*  ----------------footer---------------------- */ 
#footer {
clear: both;
float: left;
width: 100%;
margin:0px 0px;
background-color: #cccc00;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 0px;
} 

#footer ul {	
	margin: 3px 0 0 20px;
	padding: 0;
	list-style: none;
}
#footer li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: x-small;
}
#footer a {
	color: #666666;
}
#footer a:hover, a:active {
	color: #FF0000;
}