@charset "Shift_JIS";

/********************************************************************
 * initialize
 * 
 *******************************************************************/
* {
	padding : 0px;
	margin : 0px;
	text-indent : 0px;
	line-height : 100%;
	font-size:12px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN","ƒqƒ‰ƒMƒm Pro W3",Osaka,Verdana,sans-serif,;
	color:#663300;
}

hr {
	display : none;
}

a{color:#809933;font-size:14px;}
a:link {text-decoration:none;color:#809933;}
a:active {text-decoration:none;color:#4682b4;}
a:hover{color:#9999CC;text-decoration:underline;} 

p{
	line-height:140%;
	font-size:14px;
}

img{
	vertical-align:top;
	border:0;
}


a.link{
	background: url(../img/common/icon_link.gif) no-repeat 0 2px;
	padding:5px 0 5px 20px;
	line-height:140%;
}

p.button{
	margin-top:10px;
}

p.title{
	font-weight:bold;
	margin-bottom:5px;
}

p span.mark{
	color:#FF3300;
	line-height:inherit;
}

strong{
	font-size:14px;
}

img.button{
	text-align:right;	
}

img.photo{
	border:1px solid #666666;
}

span.red{
	color:#ff0000;
	font-weight:bold;
	font-size:14px;
}

/********************************************************************
 * common tools
 * 
 *******************************************************************/

.clearboth {
	font-size : 0px;
	height : 0px;
	line-height : 1%;
	clear : both;
}

/********************************************************************
 * page layout
 * 
 *******************************************************************/
 
body {
	margin:0 auto;
	text-align:center;
	background:#FFF url(../img/common/body_bg.jpg) repeat-y center 0;
}

#back_bg{
	margin:0 auto;
	width : 802px;
}

#container{
	margin:0 auto;
	text-align:left;
	padding:0 10px;
	background:#FFFFFF;
}


#header{
	position: relative;
	width : 100%; 
	height : 100px;
	background: url(../img/common/header.jpg) no-repeat left 25px;
	padding-bottom:10px;
}


#wrapper{
	width : 100% ;
	height:100%;
	background:transparent url(../img/common/line_dot.gif) repeat-x left top;
}

#sidemenu{
	width : 170px ;
	float:left;
	height:100%;
	overflow:visible;
}

#main{
	width : 610px ;
	float:left;
	overflow:auto;
}

#footer{
	width : 100% ; ;
	height : 60;
	clear : both ; 
}




/********************************************************************
 * header layout
 * 
 *******************************************************************/

/* logo and comment
----------------------------------------------- */

/* logotitle */

#header div.head{
	background:#99cc33;
	height:25px;
}

#header h1{ 
	position:absolute;
	left:9px;
	top:30px;
}

/* headcomment */	
#header p { 
	position: absolute;
	top: 5px;
	left: 10px;
	font-size:10px;
	color:#fff;
}


/********************************************************************
 * sidemenu layout
 * 
 *******************************************************************/


/* mainmenu
----------------------------------------------- */
#sidemenu{
	padding-top:8px;
}


#sidemenu a {text-decoration:none;color:#663300;}
#sidemenu a:hover{color:#9999CC;text-decoration:underline;} 
#sidemenu a:visited{color:#663300;}


/* menu eachparts */



#sidemenu  ul.menu{
	list-style:none;
	width:100%;
	margin-bottom:20px;
}

#sidemenu ul.menu li.menutitle{
	_height:45px;
	min-height:45px;
	margin-bottom:5px;
}





/* side collum layout
----------------------------------------------- */

#sidemenu dl dd.collum  {
	margin-left:0;
	margin-bottom:20px;
}

#sidemenu dl dd.collum ul {
	width:155px;
	padding: 0px 5px 5px 5px;
	background: url(../img/common/bg_collum_line.gif);
	border-left:5px solid #BCAB87;
	border-bottom:2px solid #BCAB87;
	list-style:none;
}

#sidemenu dldd.collum ul li{
	margin-bottom:5px;
}

#sidemenu dl dd.collum ul li p a{
	font-size: 12px;
	color: #8B7765;
	line-height:1.7em;
}


/* bannar menu
----------------------------------------------- */
ul.bannar{
	list-style-type:none;
	margin-bottom:10px;
	height:100%;
	overflow:auto;
}

ul.bannar li{
	margin-bottom:10px;
}


/* address
----------------------------------------------- */
#sidemenu div.address{
	text-algin:left;
	padding:10px;
	margin:0 0 20px 0;
	border:1px solid #BCAB87;
	background:#FFFFFF;
}

#sidemenu div.address p.title{
	font-weight:bold;
	border-bottom:1px solid #663300;
	margin-bottom:5px;
	font-size:14px;
	text-align:center;
}

#sidemenu div.address p{
	line-height:140%;
	font-size:12px;
}



/********************************************************************
 * maincontents layout
 * 
 *******************************************************************/

/* layout
----------------------------------------------- */

#main #main_pd{
	background:transparent url(../img/common/line_dot_v.gif) repeat-y left 0;
	padding:8px 0px 10px 10px;
	margin-left:10px;
}

/* contents title*/
#main #contents_title{ 
	height:120px;
	border-bottom:1px solid #BCAB87;
}

/* bread navigation*/
#main #main_pd #bread_navi{ 
	background:transparent url(../img/common/line_dot.gif) repeat-x 0 bottom;
	padding-bottom:2px;
	margin-bottom:10px;
}

#main #main_pd #bread_navi p{
	line-height:100%;
	font-size:12px;
	padding:3px 3px 5px 0;
}

/* pagetitle */
#main h2.title{ 
	background:transparent url(../img/common/h2_title_bg.gif) no-repeat 0 0;
	height:45px;
	font-size:19px;
	font-weight:bold;
	padding:20px 0 10px 55px;
	line-height:110%;
	margin-bottom:20px;
}

#main div.itemcat{ /* plan category in pagetitle */
	font-size:10px;
	font-weight:normal;
	padding:2px 0 2px 12px;
	border-bottom:1px solid #BCAB87;
	border-left:10px solid #BCAB87;
	line-height:120%;
}

#main div.title_comment{
	height:100%;
	overflow:auto;
	margin-bottom:10px;
}

#main div.title_comment p{
}

/* paragraph title */
#main h3{
	font-size :14px;
	line-height :120%;
	height:21px;
	margin-bottom :15px;
	padding :4px 0 0px 30px;
	border-bottom :1px solid #BCAB87;
	background:url(../img/common/icon_cat01.gif) no-repeat 0px 0px;
	clear:both;
}

/* paragraph */
#main div.prg{
	margin-bottom:10px;
	padding:0 2px 10px 2px;
	text-align:left;
	clear:both;
}

#main div.prg h4{
	margin-bottom:5px;
	color:#809933;
	font-size:14px;
}

#main div.prg p{
	line-height:150%;
}

#main div.prg p.pd,#main p.pd{
	margin-bottom:10px;
}

#main div.prg strong.mark{
	display:block;
	padding:10px 0;
	line-height:130%;
}


/* paragraph appendix */
#main div.prg div.appendix,#main div.appendix{
	padding :10px;
	border :1px solid #BCAB87;
	background-color :#F5F5DC;
	margin:10px 0 0 0;
}

#main div.prg div.appendix span.title{
	font-weight:bold;
	font-size:12px;
	display:block;
	padding-bottom:5px;
	border-bottom :1px solid #FF4500;
	margin-bottom:5px;
	color :#FF4500;
}

#main div.appendix ul{ /* list01 */
	list-style-position:outside;
	padding-left:17px;
	margin-left:2px;
}


#main div.appendix ul li ul{ /* list02 */
	padding:5px 0 5px 0;
	margin:5px 10px 0 13px;;
	border-top:2px solid #CCCCCC;
	list-style-type:none;
	list-style-position:outside;
}

#main div.appendix ul li ul li p{ /* list02 */
	line-height:130%;
}


/* photo block */
#main div.prg div.photoblock{
	margin-bottom:10px;
	clear:both;
	height:100%;
	overflow:auto;
}

div.photo_right{
	float:right;
	margin:0 0 0 10px;
}

div.photo_left{
	float:left;
	margin:0 10px 0 0;
}


div.photo_right img, div.photo_left img{
	border:1px solid #cccccc;
	display:block;
}

div.photo_right img.b_pd, div.photo_left img.b_pd{
	margin-bottom:10px;
}

div.photo_right span, div.photo_left span{
	font-size:80%;
}


/* bottom_line */
#main div.bottom_line{
	text-align:right;
	font-size:10px;
	padding-top:10px;
}


div.prg div.bottom_line{
	margin-bottom:20px;
}




/* for all list page
----------------------------------------------- */


/* ul for listpage */
#main ul.list{ /* list */
	list-style:none;
}

#main ul.list li{
	padding:25px 0 13px 10px;
	list-style:none;
	list-style-position	:outside;
	line-height:0.7em;
	border-bottom:3px solid #BCAB87;
	margin-bottom:0px;
}

#main ul.list li p.title{
	font-weight:bold;
	margin-bottom:23px;
	line-height:10px;
}

#main ul.list li span.date{
	padding:0 0 3px 5px;
	color:#999999;
	font-size:90%;
}

#main ul.list li p br{
	display:block;
	line-height:15px;
}




/* page navigation for list*/
#main ul.list li.link_tolist {
	font-size :10px;
	border-bottom:none;
}

/* page navigation for sidemenulist*/
#main dl.mainmenu dd.end ul li.link_tolist{
	font-size :10px;
	border-bottom:none;
	margin-top:5px;
}


/* page navigation for article*/
#main div.link_tolist {
	font-size :10px;
	margin-bottom:15px;
}


/* table set
----------------------------------------------- */
table.list {
	font-size:14px;
	border :1px solid #DBC7AC;
	width:100%;
	lie-height:140%;
}

table.list p{
}

table.list th {
	font-weight :bold ;
	text-align :left;
	padding :5px;
	background-color :#F5F5DC;
	border-right :1px solid #DBC7AC;
	border-bottom :1px solid #DBC7AC;
	border-left :1px solid #FFFFFF;
	border-top :1px solid #FFFFFF;
	vertical-align:top;
}

table.list td {
	padding-right :10px;
	padding-left :10px;
	padding-top :5px;
	padding-bottom :5px;
	border-right :1px solid #FFFFFF;
	border-bottom :1px solid #DBC7AC;
	border-left :1px solid #FFFFFF;
	border-top :1px solid #FFFFFF;
}

table.list td.photo{
	padding :5px 0 5px 5px;
}

table.list td.photo_end{
	padding :5px;
}

table.list td p.title{
	font-weight:bold;
	margin-bottom:5px;
}


/* calendar */
table.calendar{
	border:1px solid #cccccc;
	border-bottom:none;
	border-right:none;
	text-align:center;
	margin:5px 0 5px 0;
}

table.calendar td,table.calendar th{
	vertical-align:middle;
	height:20px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding:2px 0 0 0;
	text-align:center;
}



/* collum page layout
----------------------------------------------- */

div.collum ul {
	padding: 0px 5px 5px 5px;
	background: url(../img/common/bg_collum_line.gif) repeat left top;
	border-left:5px solid #BCAB87;
	overflow:auto;
}


div.collum ul li{
	margin-bottom:2px;
	list-style:circle inside;
}


div.collum ul li p a{
	font-size: 12px;
	line-height: 1.5em;
	color: #8B7765;
}


/* form parts
----------------------------------------------- */
/* main contents only sidemenu none */
#main.wide{
	width:100%;
}

#wrapper_wide{
	width : 100% ;
	height:100%;
	overflow:auto;
	background:#FFFFFF;
}


/* colum category */
form.cat_menu{
}

select#collum_cat{
	margin-bottom:10px;
}

input.cat_button{
	vertical-align:top;
	line-height:100%;
	padding:2px 0 0 0;
	font-size:12px;
}

/* contact form */
form select{
	width:100px;
}

form textarea,form input{
	padding:3px;
}

input.button_submit{
	font-weight:bold;
	padding:5px;
}

input.button_reset{
	padding:5px;
}

/* contact form config page*/

div.wide#main div.prg#form{
	text-align:center;
	height:500px;
	min-height:500px;
	overflow:visible;
}

span.copy a{
	font-size:9px;
	text-align:center;
}

/********************************************************************
 * footer
 * 
 *******************************************************************/

#footer{
	background:transparent url(../img/common/line_dot.gif) repeat-x left top;
	padding-top:10px;
}

/* footer navi
----------------------------------------------- */
#footer #footnavi{
	height:30px;
	text-align:center;
	margin:0 1px;
	
}

#footer #footnavi p{
	font-size:12px;
	padding-top:5px;
}



/* copyright
----------------------------------------------- */
#footer #copyright{
	background:#99cc33;
}

#footer #copyright p{
	font-size:10px;
	line-height:110%;
	color:#FFFFFF;
	text-align:right;
	padding:15px 15px 0 0;
}

#footer div.address{
	display:none;
}