@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  common.css
 style info :  リセット及びbody初期設定 サイト全体共通css (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
/**/
html {
overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,th {
text-align: left;
}
q:before,q:after {
content: '';
}
object,
embed {
vertical-align: top;
}
hr,legend {
display: none;
}
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form {
font-size: 100%;
font-weight: normal;
line-height:1;
}
img,abbr,acronym,fieldset {
border: 0;
}
li {
list-style-type: none;
}


/*--- default */


body {
color: #333;
font-size: 76%;
font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
background: #ededed;
padding: 6px 0 6px;
}





a:link{ color:#333;text-decoration:underline }
a:visited { color:#333;text-decoration:underline }
a:active { color:#333;text-decoration:none}
a:hover { color:#999;text-decoration:none}


a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/************************************************** clearfix */

.clearfix:after {
	content: url(/images/common/clearfix.gif);
	display: block;
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }
.clearfix { display: block; }


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


div#container {
	width: 900px;
	margin: 0 auto;
}


/*----------------------------------------------------------------------------------
		 								header部分 
------------------------------------------------------------------------------------*/
div#container #logo {
	padding: 0;
	float: left;
	width: 250px;
	margin-bottom: 4px;
}


/* ナビゲーション部分 */
div#container div#navi {
	width: 628px;
	height: 89px;
	float: right;
	background: url(/images/common/bg_navi.gif) 0 0 no-repeat;
	padding: 11px 18px 0 0;
	margin-bottom: 4px;
}


div#container div#navi ul {
	text-align: right;
}

div#container div#navi ul li {
	display: inline;
	margin-left: 5px;
}

div#container div#navi ul li.home {
	margin: 0;
}

div#container div#navi ul.top {
	margin-bottom: 20px;
}


/*----------------------------------------------------------------------------------
					各ページタイトル部分（背景は各ページのcssに記載） パン屑
------------------------------------------------------------------------------------*/

div#container div#top_ttl {
	clear: both;
	width: 890px;
	height: 80px;
	padding: 20px 0 0 10px;
	margin-bottom: 4px;
}

div#container div#top_ttl h2 {
	margin-bottom: 8px;
}

div#container div#top_ttl ul li {
	display: inline;
	background: url(/images/common/bg_path.gif) 0 0.3em no-repeat;
	padding-left: 20px;
	margin-right: 2px;
	line-height: 1.6;
	color: #999;
}

* html div#container div#top_ttl ul li {
	background: url(/images/common/bg_path.gif) 0 0.2em no-repeat;
}

* + html div#container div#top_ttl ul li {
	background: url(/images/common/bg_path.gif) 0 0.2em no-repeat;
}

div#container div#top_ttl ul li.home {
	background: none;
	padding: 0;
}

div#container div#top_ttl ul li a {
	color: #999;
	text-decoration: none;
}

div#container div#top_ttl ul li a:hover {
	color: #999;
	text-decoration: underline;
}


/*----------------------------------------------------------------------------------
					2カラムの下層ページwrapper部分
------------------------------------------------------------------------------------*/
div#container div#wrapper2 {
	width: 900px;
	background: url(/images/common/bg_wrpper2.gif) 0 0 repeat-y;
}

div#container div#wrapper2_bottom {
	width: 900px;
	padding-bottom: 7px;
	background: url(/images/common/bg_wrpper2_bottom.gif) 0 bottom no-repeat;
}

div#wrapper2_bottom:after {
	content: url(/images/common/clearfix.gif);
	display: block;
	clear: both;
	height: 0;
}

div#wrapper2_bottom { display: inline-block; }
div#wrapper2_bottom { display: block; }


div#wrapper2 div#left {
	width: 222px;
	float: left;
}

div#wrapper2 div#right {
	width: 674px;
	float: right;
}

div#wrapper2 div#right p.pagetop {
	clear: both;
	text-align: right;
	padding: 8px 10px 0 0;
}


div#wrapper2 div#left ul.menu {
	background: url(/images/common/bg_w222_top.gif) 0 0 no-repeat #fff;
	padding: 10px 0 0 0;
	width: 222px;	
}

div#wrapper2 div#left ul.menu li {
	padding-bottom: 6px;
	text-align: center;
}

div#wrapper2 div#left ul.menu li.last {
	background: url(/images/common/bg_w222_bottom.gif) 0 bottom no-repeat;
}


div#wrapper2 div#left p.contact_btn {
	padding: 4px 0 11px;
	background: url(/images/common/bg_contactbtn_bottom.gif) 0 bottom no-repeat #ededed;
}


/*----------------------------------------------------------------------------------
					1カラムの下層ページwrapper部分
------------------------------------------------------------------------------------*/
div#container div#wrapper3 {
	width: 900px;
	background: url(/images/common/bg_w900_bottom.gif) 0 bottom no-repeat #fff;
	padding-bottom: 10px;
}

div#container div#wrapper3 #wrapper_top {
	background: url(/images/common/bg_w900_top.gif) 0 top no-repeat;
	padding: 10px 0 0;
}

/*----------------------------------------------------------------------------------
		 								footer 
------------------------------------------------------------------------------------*/

div#footer {
	clear: both;
	zoom: 1;
	background: url(/images/common/bg_footer.gif) 0 0 no-repeat;
	margin: 4px 0 4px 0;
	padding: 0 10px 0 20px;
	
}

div#footer:after {
	content: url(/images/common/clearfix.gif);
	display: block;
	clear: both;
	height: 0;
}

div#footer { display: inline-block; }
div#footer{ display: block; }

div#footer ul {
	width: 828px;
	float: left;
	padding: 18px 0 20px 0;
	height: 22px;
}

div#footer ul:after {
	content: url(/images/common/clearfix.gif);
	display: block;
	clear: both;
	height: 0;
}

div#footer ul { display: inline-block; }
div#footer ul { display: block; }

div#footer ul li {
	height: 19px;
	border-left: 1px solid #fff;
	margin: 0 16px 0 0;
	padding: 3px 0 0 7px;
	float: left;	
}

div#footer ul li.last {
	margin: 0;
}

div#footer p {
	float: right;
	width: 38px;
	padding: 10px 0 0 0;
}

address {
	text-align: right;
}

address a {
	margin-left: 30px;
	vertical-align: top;
}

address img{
	vertical-align: top;
}