@charset "UTF-8";
/* CSS Document */

/*all
---------------------------------------- */
html{ 
    height:100%;/* for IE6 */
	min-height:100%;
} 

body {
	height:100%;/* for IE6 */
	min-height:100%;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
 
	/*font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif*/;
	font-size: 12px;
	line-height: 20px;
	color: #555;
	margin: 0;
	padding: 0;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
}


img{
	border-style:none;
	vertical-align: text-top;
	font-size:0;
	line-hight:0;
}

h1 {
	margin: 0;
	padding: 0;
	font-weight:normal;
}


p {
	margin: 0;
	padding: 0;
}

/* IEのみヘッダーには非適用 */
#all_content a img:hover{ 
    -ms-filter: alpha(opacity=80); /* IE8用 */
    filter:alpha(opacity=80);  /* IE7以下用 */
}

a img:hover{ 
    opacity: 0.8; /* Opera, Safari用 */
    -khtml-opacity: 0.8;  /* Safari , 他ブラウザ用  */
    -moz-opacity:0.8; /* Firefox , Netscape用 */
}


object{
float:left;
}

/* content_layout
---------------------------------------- */
#all_content {
	margin: 0 auto;
	width: 960px;
}


#content_left {
	float: left;
	width: 185px;
	margin-right: 20px;
}

#content_main {
	float: left;
	width: 550px;
}


#content_main_2col {
	float: left;
	width: 755px;
}
/* IE6の場合、float時のマージンが二倍になるためハック */
*html #content_main_2col { /*IE6用のハック*/
	width: 745px;
}

#content_right {
	float: right;
	width: 185px;
	margin-left: 20px;
}
/* IE6の場合、float時のマージンが二倍になるためハック */
*html #content_right { /*IE6用のハック*/
	margin-left: 10px;
}


/*header
---------------------------------------- */
#header a {
	color: #666;
	text-decoration: underline;
	overflow: hidden;

}

#header a:hover {
	color: #666;
	text-decoration: none;
}


#header {
	margin: 0 auto;
	width: 910px;
	margin-bottom: 20px;
	height: 100px;
	background-image: url(../images/header_bg_logo.png);
	background-repeat: no-repeat;
	padding-left: 50px;
	clear: both;
}

#header .copy {
	height:25px;
	color: #fff;
	font-size: 11px;
	margin-left:7px;
	margin-bottom: 8px;
}


#header .header_inner {
	height: 54px;
}

#header .header-logo {
	float: left;
	margin-top: 2px;
}

#header .header_btn {
	float: right;
	width: 500px;
}

#header .menu {
	height: 24px;
}

#header .menu ul {
	margin: 0;
	padding: 0;
	list-style-type : none;
}

#header .menu ul li {
	padding-left :10px;
	margin:0;
	float: right;
}



#header .menu2 ul {
	margin: 0;
	padding: 0;
	list-style-type : none;
}

#header .menu2 ul li {
	padding-left :10px;
	margin:0;
	float: right;
}




/*footer
---------------------------------------- */
#footer {
	border-top: 1px solid #ddcfc3;
	background-position:center;
	margin:30px auto 0 auto;
	padding:0;
	background-color: #f8f5f1;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.footer_inner {
	color: #5d4a3a;
	margin: 0 auto 0 auto;
	padding: 20px 20px 20px 20px;
	width: 920px;
}

.footer_inner .tit {
	margin-bottom: 15px;
}

.footer_inner .logo {
	margin-right: 30px;
}

.footer_inner .tel {
	margin-bottom: 10px;
}

#copy {
	margin:20px auto;
	text-align: center;
}



/* serch
---------------------------------------- */
#sercharea a {
	color: #555;
	text-decoration: underline;
	overflow: hidden;

}

#sercharea a:hover {
	color: #555;
	text-decoration: none;
}



#sercharea {
	width: 550px;
	margin-bottom: 25px;
	
}

#sercharea .cnbox, .cnbox_body, .cnbox_head, .cnbox_head div {
	background:transparent url(../images/serch_bg.gif) no-repeat bottom right;
}

#sercharea .cnbox{
    width:550px;
}

#sercharea .cnbox_head {
    background-position:top right;
    padding-right:10px;
}

#sercharea .cnbox_head div {
    background-position:top left;
    margin:0; padding:10px 0 5px 10px;
    border:0;
    height:auto;
}

#sercharea .cnbox_body img {
	margin-bottom: 3px;
}


#sercharea .cnbox_body {
	background-position:bottom left;
	margin-right:25px;
	padding:5px 0 10px 40px;
}

#sercharea .serch_inner {
	width: 480px;
}

#sercharea .txtarea {
	float: left;
	width: 400px;
}

#sercharea .btn {
	float: right;
	vertical-align: bottom;
}

#sercharea .btn img {
	vertical-align: bottom;
}

#sercharea .btn p {
	background-image: url(../images/arrow_a.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}



/* nav
---------------------------------------- */
#nav {
	width: 550px;
	margin-bottom: 30px;
	clear: both;
}

#nav a {
	color: #555;
}

/*clearfix
----------------------------- */
/* for modern browser */
.clearfix{
  display: inline-block;
}

.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix{
  height: 1%;
}
.clearfix{
  display: block;
}
/* End hide from IE-mac */



/* pagetop
---------------------------------------- */
#pagetop {
	margin-top: 20px;
	width:100%;
	padding: 5px;
	clear: both;
	float: right;
	_float: none; !important
	_text-align:right;
}

*#pagetop {
	margin-top: 20px;
	padding: 5px;
	clear: both;
	text-align:right;
	float: none; !important
}


#pagetop p {
	background-image: url(../images/pagetop.gif);
	background-repeat: no-repeat;
	background-position: left;
	width:8em;
	float:right;
}

#pageback {
	margin-top: 20px;
	padding: 5px;
	clear: both;
}

*html #pageback {
	margin-top: 10px;
	padding: 5px;
	clear: both;
}

#pageback p {
	background-image: url(../images/arrow_aa.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
}



/* other
---------------------------------------- */
.clear {clear: both;}
.f_right {float: right;}
.f_left {float: left;}
.center {text-align: center;}
.right {text-align: right;}
.display-none{
display:none;
visibility:hidden;

}

.line-u_dot {
	border-bottom: dotted 1px #ccc;
}
.line-u_sl-w {
	border-bottom: solid 1px #fff;
}

.mr5 {margin-right: 5px;}
.ml10 {margin-left: 10px;}
.mt10 {margin-top: 10px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mb5  {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}



/* font
---------------------------------------- */
.bb {
	font-weight: bold;
}

.scom {
	font-size: 11px;
	line-height: 14px;
}

.or { color: #ff7500; }
.red {color: #ce0008;}
.bk {color: #000;}
.blue {color:#3a86dc;}
.gr {color: #809830;}

.w-no {font-weight: normal;}

.fs18 {font-size: 18px; line-height: 24px;}
.fs10 {font-size: 10px; line-height: 15px;}



/* 各エリアごとにaタグの指定をする！ */
a {
	color: #555;
	text-decoration: underline;
	overflow: hidden;
}

a:hover {
	color: #555;
	text-decoration: none;
}

a.disabled{
 	pointer-events: none;
}