@charset "shift_jis";
/******************************************************************************
common
******************************************************************************/

body{
	color:#262626;
	font-family:sans-serif;
	margin:0;
	padding:0;
}
	
a:link{
	color:#231815;
	text-decoration:underline;
}
	
a:visited{
	color:#231815;
	text-decoration:underline;
}
	
a:active,
a:hover{
	text-decoration:none;	
}

#all{
	height:100%;
	margin:0;
	padding:0;
	min-width:960px;
}

.msie6 #all{
	width:960px;
	margin:0 auto;
}

/*******************************************************************************
class
*******************************************************************************/

/* float
-----------------------------------------------------------------------------*/

.f-left{float:left !important;}
.f-right{float:right !important;}

/* align
-----------------------------------------------------------------------------*/

.al-left{text-align:left !important;}
.al-right{text-align:right !important;}
.al-center{text-align:center !important;}
.al-justify{
	text-align:justify;
	text-justify:inter-ideograph;
	line-break:strict;
}
	
/* color
-----------------------------------------------------------------------------*/

.cl-red{color:#bb0000 !important;}
.cl-blue{color:#0000bb !important;}
.cl-green{color:#00bb00 !important;}
.cl-purple{color:#660099 !important;}
.cl-yellow{color:#bbcc00 !important;}

/* etc
-----------------------------------------------------------------------------*/

.fade{ /* fade rollover */}

.imgover{ /*rollover.js*/ }

.bg-none{ background:none !important; }

.relative{ position:relative; }

/* radius
-----------------------------------------------------------------------------*/

.radius{
	border-radius:6px;
}

/* margin
-----------------------------------------------------------------------------*/

.mb-0{margin:0!important;}
.mb-5{margin:0 0 5px 0 !important;}
.mb-10{margin:0 0 10px 0 !important;}
.mb-15{margin:0 0 15px 0 !important;}
.mb-20{margin:0 0 20px 0 !important;}
.mb-25{margin:0 0 25px 0 !important;}
.mb-30{margin:0 0 30px 0 !important;}
.mb-35{margin:0 0 35px 0 !important;}
.mb-40{margin:0 0 40px 0 !important;}

/* font
-----------------------------------------------------------------------------*/

.font-08{font-size:0.8em !important;}
.font-09{font-size:0.9em !important;}
.font-10{font-size:1.0em !important;}
.font-11{font-size:1.1em !important;}
.font-12{font-size:1.2em !important;}
.font-13{font-size:1.3em !important;}
.font-14{font-size:1.4em !important;}
.font-15{font-size:1.5em !important;}
.font-16{font-size:1.6em !important;}
.font-18{font-size:1.8em !important;}
.font-20{font-size:2.0em !important;}

/* title
-----------------------------------------------------------------------------*/

.title-01{
	background: url(../images/contents/title-01.gif) 0 0 no-repeat;
	height:60px;
	margin:0 0 20px 0;
}

.title-01 img{
	padding:21px 0 0 59px;
}

.title-01-2{
	background: url(../images/contents/title-01-2.gif) 0 0 no-repeat;
	height:60px;
	margin:0 0 20px 0;
}

.title-01-2 img{
	padding:21px 0 0 59px;
}

.title-02{
	background: url(../images/contents/eye-01.gif) left center no-repeat;
	padding:5px 0 5px 18px;
	margin:0 0 5px 0;
}

.title-02 span{
	font-size:1.4em;
	display:inline-block;
}

.msie6 .title-02 span,
.msie7 .title-02 span{
	display:inline;
	zoom:1;
}

.title-03{
	background:#57b924;
	padding:7px 10px;
	color:#fff;
	margin:0 0 10px 0;
}

/* hide-html
-----------------------------------------------------------------------------*/

.hide-html{
	display:none !important;
}

/******************************************************************************
noscript
******************************************************************************/

#error{
	background:#ff0000;
	text-align:center;
	color:#fff;
	padding:10px;
	position:fixed;
	bottom:0;
	width:100%;
	font-size:1.2em;
	font-weight:bold;
	display:block;
}

*html #error{
	position:absolute;
	top:0;
}

/******************************************************************************
#header
******************************************************************************/

#header{
	width:960px;
	margin:0 auto;
	position: relative;
}

#header h1{
	padding:20px 0;
}

#global{
	position: absolute;
	right:0;
	top:55px;
}

#global li{
	float:left;
	padding:0 5px;
	border-left:1px dotted #b2b2b2;
}

#global li.last{
	border-right:1px dotted #b2b2b2;
}

#submenu{
	position: absolute;
	right:0;
	top:20px;
}

#submenu li{
	float:left;
	margin:0 0 0 10px;
}

/******************************************************************************
contents
******************************************************************************/

#contents{
	width:960px;
	margin:0 auto;
	font-size:1.2em;
	line-height:1.7;
	padding:0 0 30px 0;
	zoom:1;
}

.msie6 #contents{
	padding:0 0 10px 0;
}

/* bread
-----------------------------------------------------------------------------*/

#bread{
	background:#eee;
	padding:2px 15px;
	margin:0 0 20px 0;
}

#bread li{
	list-style:none;
	background: url(../images/contents/arrow-bread.gif) left center no-repeat;
	padding:5px 0 5px 15px;
	float:left;
	margin:0 8px 0 0;
}

#bread li.first{
	background: url(../images/contents/ic-home.gif) left center no-repeat;
	padding:5px 0 5px 18px;
}

#bread li.last{
	margin:0;
	font-weight: bold;
	color: #47A615;
}


/* side
-----------------------------------------------------------------------------*/

#side{
	width:230px;
	float:left;
}

#side .local-menu{
	padding:5px;
	background: #d86645;
	margin:0 0 10px 0;
}

#side .local-menu h2{
	margin:0 0 5px 0;
}

#side .local-menu ul{
	background:#fff;
	padding:;
	overflow:hidden;
}

#side .local-menu ul li{
	border-bottom:1px dotted #bbb;
}

#side .local-menu ul li.last{
	border:none;
}

#side .local-menu ul li a{
	display:block;
	padding:8px 12px 8px 28px;
	text-decoration:none;
	background-image: url(../images/contents/arrow-04.gif);
	background-position:12px center;
	background-repeat: no-repeat;
}

#side .local-menu ul li.current a,
#side .local-menu ul li a:hover{
	background-color:#eee;
}

#side .banner li{
	font-size:0;
	line-height:0;
	vertical-align:middle;
	margin:0 0 5px 0;
}

/* cont
-----------------------------------------------------------------------------*/

#cont{
	width:700px;
	float:right;
}
#cont2{
	width:800px;
	margin: 0 auto;
	}


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

#footer{
	background:#222;
	color:#fff;
	padding:30px 0;
	font-size:1.2em;
	line-height:1.7;
	zoom:1;
}

#bt-pagetop{
	position: fixed;
	right:0;
	bottom:120px
}

.msie6 #bt-pagetop{
	position: absolute;
	right:-60px;
	top:-185px;
}

#footer a{
	color:#fff;
}

#footer-in{
	width:960px;
	margin:0 auto;
	position:relative;
}

#footer h3{
	border-right:1px solid #666;
	padding:0 15px 0 0;
	float:left;
}

#footer ul{
	padding:0 0 0 5px;
	float:left;
}

#footer ul li{
	float:left;
	border-left:1px dotted #666;
	background: url(../images/contents/arrow-03.gif) 10px center no-repeat;
	padding:0 10px 0 24px;
}

#footer ul li.first,
#footer ul li.last{
	border:none;
}

#footer ul li a{
	text-decoration:none;
}

#footer ul li a:hover{
	text-decoration:underline;
}

#footer ul li a.blank{
	background: url(../images/contents/ic-blank.gif) right center no-repeat;
	padding:0 12px 0 0;
}

#footer ul li.last{
	clear:both;
}

#footer .copyright{
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	position: absolute;
	right:0;
	bottom:0;
}