body{
	margin: 0;
	padding: 0;
	background-color:#EBEBD8;
	font-family: Verdana,Arial,sans-serif;
}

img{
	border:none;
	margin:0;
}


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

a:link{
	color: #333333;
	text-decoration: none;
}

a:hover{
	color: #666;
	font-size: 14px;
	text-decoration: none;
}

a.arrange{
	background: transparent url(../img/icon_ya_02.gif) no-repeat 0 3px;
	padding-left:15px;
	margin-right:5px;
	}
a.arrange:hover{
	color : #9883C9; text-decoration: underline;
	}

a.japan{
	background: transparent url(../img/icon_ya_03.gif) no-repeat 0 3px;
	padding-left:15px;
	margin-right:5px;
	}
a.japan:hover{
	color : #009999;
	text-decoration: underline;
	}

a.other{
	background: transparent url(../img/icon_ya_04.gif) no-repeat 0 3px;
	padding-left:15px;
	margin-right:5px;
	}
a.other:hover{
	color : #99CC99;
	text-decoration: underline;
	}

div.arrange{
	background: transparent url(../img/icon_ya_02.gif) no-repeat 0 3px;
	padding-left:15px;
	margin-left:25px;
	margin-right:25px;
	}
div.japan{
	background: transparent url(../img/icon_ya_03.gif) no-repeat 0 3px;
	padding-left:15px;
	margin-left:25px;
	margin-right:25px;
	}


ul.find a:hover,
li.find a:hover
{
	color : #53A8B7; text-decoration: underline;
}

ul.arrange a:hover,
li.arrange a:hover{
	color : #FF9933;
	text-decoration: underline;
}

ul.other a:hover,
li.other a:hover{
	color : #9966CC;
	text-decoration: underline;
}


ul.japan a:hover,
li.japan a:hover
{
	color : #00CCCC;
	text-decoration: underline;
}

h1,h2,h3,h4,h5,form{
	margin: 0px;
	padding: 0px;
}

/* レイアウト */

#container{
	margin: 0 auto;
	width: 758px;
	text-align: left;
	border-width: 0 1px 0px 1px;
	border-style: solid;
	border-color: #282425;
	background-color: #FFFFFF;

}


/* ヘッダー */


#header{
	width: 758px;
	height: 87px;
	font: 10px "Verdana","Helvetica","Arial","sans-serif";
	line-height:130%;
	color:#333333;
}

#header #logo{
	width: 330px;
	float: left;
	/*border:solid 1px;*/
}

#header ul{
	margin:0;
	padding: 0;
	list-style: none;
	float: right;
	width: 350px;
}

#header li{
	padding-right: 5px;
	float: right;
	margin-left:5px;
}

#header a{
	color: #333333
}

#header a:hover{
	color : #999999; text-decoration: underline;
}

#header-navi{
	width: 400px;
	padding:6px 10px 0 0;/*margin is NG*/
	float: right;
	text-align:right;
	/*border:solid 1px;*/

}


/* メインナビ*/


#main-navi{
	width:758px;
	height:10px;
	background-color: #292929;
	clear: both;
	background: transparent url(../img/mainnavi_bg.gif) no-repeat 0 0;
	font: 10px/130% "Verdana","Helvetica","Arial","sans-serif";
	color: #000000;
}


/* ページボディ(wrpper)*/


#pagebody{
	width:758px;
}

.pattD #pagebody{
	background: transparent url(../img/bg/pagebody_bg_pattD.gif) 0 0;
	padding-top:0px;
}

/* コンテント(wrpper) */


#content{
	width:550px;
	height:100%;
	float: right;
}

.pattD #content{
	width:550px;	
}


/* センターコーナー*/


#main-col{
	float: left;
	width: 500px;
	font: 12px "Verdana","Helvetica","Arial","sans-serif";
	line-height:1.5;
	color: #333333;
	/*border:solid 1px;*/
}

/* pattD */
.pattD #main-col{
	width: 550px 
	
}

.pattD h2{
	width:100%;
	height:20px;
	font: bold 12px "Verdana","Helvetica","Arial","sans-serif";
	color: #333333;
	text-indent:28px;
	background: #F0F0E1 no-repeat 10px 50%;
	clear:both;
}

.pattD h2.other{
	background-image:url(../img/icon_t_title_04.gif) ;
}


.pattD #main-col p{
	width:500px;
	margin-left:15px;
	padding-bottom:10px;
	border-bottom:1px none #A5A5A5;
}

#main-col ul{
	padding: 0;
	list-style: none;
	clear:both;
}

.pattD #main-col ul{
	margin: 10px 0 20px 15px;
}

#main-col li{
	padding:0 0 0 15px;
}


#main-col .other li{
	background: transparent url(../img/icon_ya_04.gif) no-repeat 0 4px;
}


/* ナビゲーション　左  */

#sub-col{
 	float:left;
	width: 179px;
	height: 100%;
	font: 10px "Verdana","Helvetica","Arial","sans-serif"; color: #333333;
	margin-right: 1px; 
	/*border:solid 1px;*/ 
}

/* pattD */
.pattD #sub-col{
	width: 206px;
	margin-right: 1px;
}

.pattD #sub-col ul{
	width:160px;
	margin: 10px 0 0 10px;
	padding: 0;
	list-style: none;
}

.pattD #sub-col .find li{
	background: transparent url(../img/icon_ya_01.gif) no-repeat 0 4px;
}

.pattD #sub-col .arrange li{
	background: transparent url(../img/icon_ya_02.gif) no-repeat 0 4px;
}

.pattD #sub-col .other li{
	background: transparent url(../img/icon_ya_03.gif) no-repeat 0 4px;
}

.pattD #sub-col .link li{
	background: transparent url(../img/icon_ya_04.gif) no-repeat 0 4px;
}

.pattD #sub-col li{
	width:165px;
	padding:5px 0 5px 15px;
	clear:both;
	border-bottom : dotted 1px #FFFFFF;
}




#sub-col .japan li{
	background: transparent url(../img/icon_ya_03.gif) no-repeat 0 4px;
}


#sub-col li a{
	display:block;
	width:82px;
	float:left;
}

#sub-col li img{
	float:right;
	margin-top:2px;
}


/* フッター*/


#footer{
	width: 758px;
	height: 45px;
	clear: both;
	font: 10px "Verdana","Helvetica","Arial","sans-serif"; color: #FFFFFF;
}

/*  */
#footer a { color: #FFFFFF; text-decoration: none; }
#footer a:hover {
	color : #00CCCC;
	text-decoration: underline;
}


#footer ul{

	height:24px;
 	background: transparent url(../img/bg/back_footer.gif) 0 0;
	margin:0;
	padding:0;
	list-style:none;
}

#footer ul#othermenu{
	width:758px;
	float:left;
}

#footer ul li{
	height: 15px;
	padding: 4px 0 0 25px;
	background: no-repeat 10px 7px;
	float:right
}


#footer p{
	float:right;
	font: 10px "Verdana","Helvetica","Arial","sans-serif";
	color:#CCCCCC;
	margin:0 10px 0 0;
	text-align:right;
}