@charset "utf-8";

/* --------------------------------------------------------------- */
/* 　全ページ共通　bodyスタイル　　　　　　　　　　　　　　　　　　*/
/* --------------------------------------------------------------- */
	
html { 
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); /*IE6で動作*/
}


body {
	color: #555555;
	border-top:#FF694C 2px solid;
	font-size: 77%;
	text-align: center;
	line-height: 152%;
	padding-bottom:50px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

 

body#php {
	border-top:none;
	text-align: left;
	padding:0;
	margin:0;
}

.clearfix { 
	clear:both; 
	overflow:hidden;
}


/* --------------------------------------------------------------- */
/* link                                                            */ 
/* --------------------------------------------------------------- */
a:link{
	color: #A36E4B;
	text-decoration: none;
}
a:visited{
	color: #A36E4B;
	text-decoration: none;
}
a:hover{
	color: #FF8E61;
	text-decoration: none;
	background-color:#FFFFFF;/*IE6に適用*/
}


/* --------------------------------------------------------------- */
/* wrapper                                                         */
/* --------------------------------------------------------------- */

#wrapper{
	margin:0 auto;
	padding:0;
	width:920px;
	text-align:left;
}

#wrapper2{
	width:100%;
	clear:both;
	padding-bottom:48px;
	background:url(../images/foot_bg_img.gif) left repeat-x;
}


/* --------------------------------------------------------------- */
/* header                                                          */
/* --------------------------------------------------------------- */

#header{
	margin:0;
	padding:0 5px;
	width:920px;
	overflow:hidden;
}


/* --------------------------- */
/* left                        */
/* --------------------------- */

#header #logo{
	margin:18px 0 0 0;
	padding:0;
	float:left;
}


/* --------------------------- */
/* right                       */
/* --------------------------- */

#header #right{
	float:right;
	width:790px;
	_width:785px;
	text-align:left;
	font-size:90%;
}


h1{
	float:left;
	margin:20px 10px 20px 0;
}


/* --------------- access -------------------*/
#header ul#access{
	background:url(../images/header_bg_access.gif) no-repeat;
	padding:3px 0 3px 15px;
	/padding:3px 0 3px 10px;
	margin:15px 0;
	list-style:none;
	width:165px;
	_width:175px;
	float:left;
}

body:first-of-type #header ul#access{
	padding:3px 0 3px 10px;
	width:175px;/*Safari 4で適用*/
}

#header ul#access li{
	float:left;
}
	
#header ul#access li a{
	padding:0 0 0 10px;
	margin:0 15px 0 0;
	background:url(../images/list_icon.gif) left center no-repeat;
}


#header ul#access li.space{
	margin:0;
}



/* ----------- contactcontainer ------------*/
#header #contactcontainer{
	width:280px;
	_width:295px;
	margin:0 5px 0 0;
	padding:0 0 0 15px;
	float:right;
	border-left:#CCCCCC 1px dotted;
}


#contactcontainer p{
	float:left;
	margin-top:12px;
}


#contactcontainer dl{
	float:right;
	width:205px;
	margin-top:10px;
}

#contactcontainer dt{
	float:left;
}

#contactcontainer dd{
	float:right;
	width:55px;
}

/* ----- button_over --------*/

#contactcontainer dd a{
	background:url(../images/header_bt_contact_on.gif) center no-repeat;
	width:55px;
	margin:0 auto;
	display:block;
}

#contactcontainer dd a:hover{
	border:none;
}

#contactcontainer dd a:hover img{
	visibility:hidden;
}




/* --------------------------------------------------------------- */
/* glovalnavi                                                      */
/* --------------------------------------------------------------- */

ul#globalnavi{
	width:781px;
	float:left;
	border-left:#CCCCCC 1px solid;
}

ul#globalnavi li{
	float:left;
	width:110px;
	height:16px;
	border-right:#CCCCCC 1px solid;
}

ul#globalnavi li.lost{
	width:113px;

}

ul#globalnavi li a{
	display:block;
}


/* ------------ button_over ---------------*/

a.navi1{
	background:url(../images/nav1_on.gif) center no-repeat;
	width:109px;
}

a.navi2{
	background:url(../images/nav2_on.gif) center no-repeat;
}


a.navi3{
	background:url(../images/nav3_on.gif) center no-repeat;
	width:113px;
}

a.navi4{
	background:url(../images/nav4_on.gif) center no-repeat;
}

a.navi5{
	background:url(../images/nav5_on.gif) center no-repeat;
}

a.navi6{
	background:url(../images/nav6_on.gif) center no-repeat;
}

a.navi7{
	background:url(../images/nav7_on.gif) center no-repeat;
}


#globalnavi a:hover img{
	visibility:hidden;
}

#globalnavi a.active img{
	visibility:hidden;
}




/* --------------------------------------------------------------- */
/* container                                                       */
/* --------------------------------------------------------------- */

#container{
	margin:0;
	padding:0 5px 30px 5px;
	background:url(../images/container_bg_middle.gif) repeat-y;
}

p.top{
	width:920px;
	height:14px;
	margin:10px 0 0 0;
	padding:0;
	background:url(../images/container_bg_top.gif) top no-repeat;
}

p.bottom{
	width:920px;
	height:10px;
	margin:0 0 20px 0;
	padding:0;
	background:url(../images/container_bg_bottom.gif) bottom no-repeat;
}



/* --------------------------------------------------------------- */
/* topicpath                                                       */
/* --------------------------------------------------------------- */

ul#topicpath{
	padding:5px 10px;
	overflow:hidden;
	zoom:100%;
	border-top:#CCCCCC 1px solid;
}
	
ul#topicpath li{
	float:left;
	padding:0 10px 0 0;
	margin:0 5px 0 0;
	background:url(../../common/images/list_icon.gif) right center no-repeat;
}

ul#topicpath li.active{
	background:none;
}




/* --------------------------------------------------------------- */
/* pagetop                                                         */
/* --------------------------------------------------------------- */
p#pagetop{
	float:right;
	padding-bottom:20px;
	/padding-bottom:0;
}



/* --------------------------------------------------------------- */
/* contants_container (2カラム&メインコンテンツ)                   */
/* --------------------------------------------------------------- */

#contants_container{
	padding:0 10px;
	margin-top:18px;
	overflow:hidden;
	_width: 910px;/*IE6*/
}


/* ------------ contants ---------------*/

#contants{
	float:left;
	width:636px;
}




/* ------------ sidebar ---------------*/

#sidebar{
	float:right;
	width:225px;
}



/* --------------------------- */
/* sidenavi                    */
/* --------------------------- */

#sidenavi{
	width:225px;
	padding-bottom:14px;
	overflow:hidden;
	background:url(../images/sidenavi_bg_bottom.gif) center bottom no-repeat;
}

#sidenavi ul{
	padding:0;
	background:url(../images/sidenavi_bg_middle.gif) center top repeat-y;
	overflow:hidden;
}

#sidenavi li{
	padding-left: 13px;
	height:35px;
	background:url(../images/sidenavi_line.gif) 13px bottom no-repeat;
}

#sidenavi li.bottom{
	background:none;
}

#sidenavi li a{
	display:block;
	width:177px;
	_width:200px;
	height:35px;
	padding-left:23px;
	line-height:35px;
	background:url(../images/list_icon.gif) 8px center no-repeat;
}

#sidenavi li.bottom a{
	height: 34px;
}

#sidenavi li.active a{
	color:#FF8E61;
}



/* --------------------------- */
/* sidebanner                  */
/* --------------------------- */

#sidebar p.sidebanner{
	margin-top: 10px;
}



/* --------------------------------------------------------------- */
/* subcontants (カラムなし/サブコンテンツ)                         */
/* --------------------------------------------------------------- */
#subcontants{
	padding:0 35px;
	margin-top:30px;
	overflow:hidden;
}


/* --------------------------------------------------------------- */
/* subcontainer                                                    */
/* --------------------------------------------------------------- */
#subcontainer{
	margin:0 auto;
	padding:25px 0 25px 5px;
	width:915px;
	_width:920px;
	text-align:left;
}


/* --------------------------- */
/* left                        */
/* --------------------------- */

/* ------------ newscontainer --------------*/
#subcontainer #newscontainer{
	float:left;
	width:380px;
	padding-bottom:10px;
	background:#FFFFFF url(../images/news_bg_top.gif) left top repeat-x;
}


#newscontainer h4{
	margin:10px 0;
	padding:0 0 0 10px;
	float:left;
}

#newscontainer ul.other{
	margin:10px 0;
	float:right;
	width:130px;
}

#newscontainer ul.other li{
	float:left;
}

#newscontainer ul.other a{
	margin:0 10px 0 0;
}



/* --------------- news -------------------*/
ul#news{
	width:350px;
	height:55px;
	margin:0 0 0 0;
	padding:0 0 0 15px;
	list-style:none;
	float:left;
	overflow:hidden;
}

ul#news li a{
	padding:0 0 0 10px;
	margin:0 10px 0 0;
	background:url(../images/list_icon.gif) no-repeat left center;
}



/* --------------------------- */
/* right                       */
/* --------------------------- */

/* -------------- banner -------------------*/
#subcontainer .banner{
	float:left;
	width:175px;
	margin-left:42px;
	padding: 0 0 0 42px;
	background:url(../images/bn_setline.gif) left repeat-y
}

#subcontainer .banner img{
	vertical-align: bottom;
}

#subcontainer .banner p.out{
	margin-top: -14px;
}

#subcontainer .banner p.space{
	margin:0 0 10px 0;
}



/* --------------------------------------------------------------- */
/* footer                                                          */
/* --------------------------------------------------------------- */
#footer {
	margin:15px auto 0 auto;
	padding:0 5px;
	width:910px;
	text-align:left;
}


/* --------------------------- */
/* left                        */
/* --------------------------- */

#footer #left{
	float:left;
	width:450px;
}




/* --------------------------- */
/* right                       */
/* --------------------------- */

#footer #right{
	float:right;
	width:400px;
	text-align:right;
}


/* -------------footernavi -----------------*/
ul#footernavi{
	width:400px;
	padding:0;
	margin:0;
	list-style:none;
	float:right;
}


ul#footernavi li{
	float:right;
}

ul#footernavi li a{
	padding:0 0 0 10px;
	margin:0  0 0 15px;
	background:url(../images/list_icon.gif) no-repeat left center;
}


/* ------------ link -----------------*/
ul#link{
	width:270px;
	padding:0;
	margin:20px 0;
	list-style:none;
	float:right;
}


ul#link li{
	float:right;
	height:20px;
	padding:0 0 0 15px;
	margin:0 0 0 15px;
}

ul#link li.line {
	border-left:#CCCCCC 1px solid;
}



/* --------- copyright --------------*/
#copyright{
	float:right;
}


#footer p{
	margin-bottom:5px;
}







