@charset "utf-8";
/*---------------------------------------------
	File: common.css
	Date: 2009.07.23th
---------------------------------------------*/

/*---------------------------------------------
	DESC: Initialize CSS
---------------------------------------------*/
html, address, blockquote,
body, dd,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre	{ display: block; }
li			{ display: list-item; }
head		{ display: none; }
table		{ display: table; }
tr			{ display: table-row; }
thead		{ display: table-header-group; }
tbody		{ display: table-row-group; }
tfoot		{ display: table-footer-group; }
col			{ display: table-column; }
colgroup	{ display: table-column-group; }
td, th		{ display: table-cell; }
caption		{ display: table-caption; }

/* ALL COMMON
------------------------ */
* {
	margin:		0;
	padding:	0;
	border:		none ;
}

body	{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #111;
}
#container { 
	width: 956px;
	background-color: #fff ;
	margin: 0 auto;
	text-align: left;

	background:		url('../images/common/bgline.jpg') repeat-y ;
	padding-left:	3px ;
}


/* PUBLIC COMMON
------------------------ */
a {
	color: #111166 ;
	text-decoration: none ;
}
a:hover {
	color: #111166 ;
	text-decoration: underline ;
}
a img { border:none; }
h1, h2, h3, h4 { font-weight: normal; }

ul, li {
	list-style-type: none ;
	border: none ;
}

strong { font-weight:	normal ; }

/* HEADER
------------------------ */
#header { 
	margin-bottom:	10px ;

}

#header h1 {
	background:		#fff ;
	text-indent:	15px ;
	font-size:		12px ;
	color:			#999 ;
	width:			950px ;

	padding-top:	2px ;
	padding-bottom:	2px ;
	height:			15px ;
}

#header div#header_box {
	height:			66px ;
	width:			950px ;
	background:		url('../images/common/header.jpg') ;
}
#header div#header_bottom {
	height:			20px ;
	width:			950px ;
	background:		#6b481e ;
	color:#FFFFFF;
	line-height:20px;
	text-indent:45px;
}

#header div#header_bottom a{
	color:#FFFFFF;
	text-decoration:underline;
}

#header ul {
	clear:			both ;
}
#header li {
	float:			left ;
	height:			60px ;
	line-height:	30px ;
}
#header li .top {
	height:			60px ;
	width:			360px ;
}
#header li.space {
	width:			150px ;
}
#header li.subnavi {
	width:			90px ;
}

#navi_header {
	clear:both;
}
#navi_header li {
	float:		left ;
}


/* SIDE BAR type1 
------------------------ */

#sidebox_section {
	float:			left;
	width :			198px ;
	border:			1px solid #ccc ;

	background:		transparent ;
	font-size:		11px ;
	margin-left:	15px ;
}
* html #sidebox_section {
	margin-left:	7px ;
}

#sidebox_section #sidebox_cover {
	width:			196px ;
	border:			1px solid #fff ;

	background:		#e2d0ab ;
}

#sidebox_section #sidebox_cover li {
	margin:			0px ;
}
#sidebox_section #sidebox_cover li.navi {
	font-size:		14px ;
	font-weight:	bold ;
	color:			#422400 ;
	width:			180px ;
	height:			36px ;
	margin-top:		10px ;
	margin-left:	10px ;
	line-height:	36px;
	background:		url('../images/common/navi.jpg') no-repeat ;
}

#sidebox_section #sidebox_cover li.navi2 {
	font-size:		12px ;
	font-weight:	bold ;
	color:			#422400 ;
	width:			180px ;
	height:			36px ;
	margin-top:		10px ;
	margin-left:	10px ;
	line-height:	18px;
	background:		url('../images/common/navi.jpg') no-repeat ;
}

#sidebox_section #sidebox_cover li.navi a {
	color:#422400;
	display:block;
	width:150px;
	margin-left:30px;
}
#sidebox_section #sidebox_cover li.navi2 a {
	color:#422400;
	font-size:12px;
	line-height:14px;
	display:block;
	width:150px;
	margin-left:30px;
	padding-top:4px;
}

#sidebox_section #sidebox_cover li.navi a:hover {
	text-decoration:underline;
	/*color:#714c20;*/
}

#sidebox_section #sidebox_cover li.phone {
	margin-top:		10px ;
}

#sidebox_section #sidebox_cover li.space {
	height:	10px ;
}
#sidebox_section #sidebox_cover li.place {
	margin-top: 10px;
	font-size:10px;
	background:#9f8960;
	padding:5px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	text-align:center;
}
#sidebox_section #sidebox_cover li.place p {
	margin-bottom: 5px;
	text-align:left;
}
#sidebox_section #sidebox_cover li.place h3 {
	margin-top: 5px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

/* MAIN CONTENT
------------------------ */
#content { 
	float: right;
	width: 710px ;
	background: transparent ;
	margin-right:15px ;
}
* html #content { 
	margin-right:	5px ;
}

#content div#main_content div.contentbox01 {
	margin-bottom: 10px;	
}

#content div#main_content .contentbox01 .content_inbox01 {
	width: 610px;
	margin: 10px auto;
}

/* FOOTER
------------------------ */
#footer { 
	height:			50px ;
	background:		transparent ;
	width:			950px ;
} 

#footerlink {
	height:			25px ;
	background:		#c0af8b ;
	margin-bottom:	10px ;
}
#footer #copyright {
	text-align:		center ;
	color:			#aaa ;
	font-size:		12px ;
}

#footer #copyright a{
	color:#CCCCCC;
}

#footer #copyright a:hover{
	color:#CCCCCC;
	text-decoration:underline;
}

/* REUSE CLASS
------------------------ */
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.left		{ text-align: left; }
.right		{ text-align: right; }
.center		{ text-align: center; }
.fleft		{ float: left; }
.fright		{ float: right; }

.underline {
	color:				#000 ;
	text-decoration:	underline ;
}
.noneline {
	color:				#999 ;
	text-decoration:	none ;
}

/* 警告色々 */
.bold {
	font-weight:	bold;
}
.warning {
	font-size:		10px ;
	color:			#f44;
}

/*
-----------------------------------------*/
p.text {
	font-size:		11px ;
	margin-left:	10px ;
	line-height:	16px ;
}

/*
----------------------------------*/

#comment_box01{
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#333333;
	padding:5px 5px 5px 35px;
	margin:10px 0px;
	border:2px dotted #990000;
	
}

#footer_security_box {
	background:#f8faee ;
	margin-bottom:10px ;
	padding:20px;
}

#footer_security_box_ttl {
	padding:10px;
	background:#FFFFFF;
}

#footer_security_box p{
	line-height:20px;
}

#footer_security_box ul{
	margin-left:20px;
	margin-top:10px;
}

#footer_security_box ul li{
	background:url(../images/common/icon_li.jpg) no-repeat;
	padding-left:20px;
	margin-bottom:5px;
}

#contact_box {
	width:	710px ;
	height:	158px ;
	background:	url(../images/common/contact_bg.jpg) ;
	margin-top:		10px ;
	margin-bottom:	10px ;
	position:	relative ;
}

#contact_box #contact_btn {
	top:	87px ;
	left:	450px ;
	position:	absolute ;
}

.link_voice2{
	padding:10px 0px;
	text-align:right;
	font-size:14px;
}

.link_voice2 a{
	text-decoration:underline;
}

/* テキスト設定 ----------------------------------------------------------------- */

/* テキストサイズ */

.bold {font-weight:bold !important;}

.font-size10{font-size:10px !important;}

.font-size12{font-size:12px !important;}

.font-size14{font-size:14px !important;}

.font-size16{font-size:16px !important;}

.font-size18{font-size:18px !important;}

.font-size20{font-size:20px !important;}

/* テキスト配色設定 */

.color-white{color:#FFFFFF !important;}

.color-red{color:#FF0000 !important;}
.color-red2{color:#cd0000 !important;}

.color-brown1{color:#77001b !important;}

.color-blue{color:#0000FF !important;}
.color-blue2{color:#346581 !important;;}

.color-green{color:#005024 !important;}

.color-orange{color:#ff7800 !important;}

.color-yellow{color:#CC9933 !important;}

/* テキスト配置 */

.alignC{text-align:center !important;}
.alignL{text-align:left !important;}
.alignR{text-align:right !important;}

.floatL{float:left !important;}
.floatR{float:right !important;}


/* その他 ----------------------------------------------------------------- */

.bg-color-blue{ background:#ecfeff;}
.bg-color-pink{ background:#ffeded;}
.bg-color-white{ background:#fffeee;}

/* padding */

.p0{padding:0 !important;}

.p10{padding:10px !important;}

.pt0{padding-top:0 !important;}

.pt10{padding-top:10px !important;}

.pt20{padding-top:20px !important;}

.pb10{padding-bottom:10px !important;}

.pb20{padding-bottom:20px !important;}

.pr0{padding-right:0 !important;}

.pr10{padding-right:10px !important;}

.pr20{padding-right:20px !important;}

.pr30{padding-right:30px !important;}

.pr40{padding-right:40px !important;}

.pr50{padding-right:50px !important;}

.pr60{padding-right:60px !important;}

.pr70{padding-right:70px !important;}

.pr80{padding-right:80px !important;}

.pr90{padding-right:90px !important;}

.pr100{padding-right:100px !important;}

.pl0{padding-left:0px !important;}

.pl10{padding-left:10px !important;}

.pl20{padding-left:20px !important;}

.pl30{padding-left:30px !important;}

.pl40{padding-left:40px !important;}

.pl50{padding-left:50px !important;}

.pl60{padding-left:60px !important;}

.pl70{padding-left:70px !important;}

.pl80{padding-left:80px !important;}

.pl90{padding-left:90px !important;}

.pl100{padding-left:100px !important;}

/* margin */

.m0{margin:0 !important;}

.m5{margin:5px !important;}

.m10{margin:10px !important;}

.mt0{margin-top:0 !important;}

.mt5{margin-top:5px !important;}

.mt10{margin-top:10px !important;}

.mt20{margin-top:20px !important;}

.mb0{margin-bottom:0 !important;}

.mb5{margin-bottom:5px !important;}

.mb10{margin-bottom:10px !important;}

.mb20{margin-bottom:20px !important;}

.mb30{margin-bottom:30px !important;}

.ml0{margin-left:0 !important;}

.ml5{margin-left:5px !important;}

.ml10{margin-left:10px !important;}

.ml20{margin-left:20px !important;}

.mr0{margin-right:0 !important;}

.mr5{margin-right:5px !important;}

.mr10{margin-right:10px !important;}

.mr20{margin-right:20px !important;}


/* 画像横のテキストを上下中央ぞろえにするCSS */

div.Img-valignC p {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}   
    
/*for IE6 */  
* html .Img-valignC p {
    display: inline;
    zoom: 1;
}   
    
/*for IE7 */
*:first-child+html .Img-valignC p {   
    display: inline;
    zoom: 1;
}

div.Img-valignB p {
    display: table-cell;
    vertical-align: bottom;
    margin: 0;
}   
    
/*for IE6 */  
* html .Img-valignB p {
    display: inline;
    zoom: 1;
}   
    
/*for IE7 */
*:first-child+html .Img-valignB p {   
    display: inline;
    zoom: 1;
}

div.Img-valignT p {
    display: table-cell;
    vertical-align: top;
    margin: 0;
}