@charset "UTF-8";

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/*-----------------------------
共通
-----------------------------*/
body
{
	background: #fff url(../images/base/img_back01.gif) repeat-x;
	line-height: 1.25;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
}

body strong
{
	font-weight: bold;
}

body > h1,body > div
{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

a:hover img
{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

a:hover img:not(:target)
{
    filter: none;
    -ms-filter: none;
}

a {
    text-decoration: none;
	color: #000080;
}


/*-----------------------------
ヘッダー
-----------------------------*/
h1
{
	height: 31px;
	padding: 10px 0 0 0;
	font-size: 75%;
	font-weight: normal;
	font-family: "ＭＳ Ｐゴシック","MS PGothic";
	color: #fff;
	text-align: center;
	background: url(../images/base/img_h1.gif) no-repeat left bottom;
}

#header
{
	height: 218px;
	background: #fff url(../images/base/img_header01.jpg) no-repeat left bottom;
	border-radius: 11px 11px 0 0;
	behavior: url("http://fukuoka-kanko.sub.jp/css/PIE.htc");
	position: relative;
}

#header h2
{
	width: 450px;
	height: 70px;
	overflow: hidden;
	margin: 30px 0 0 37px;
}

#header h3
{
	margin: 7px 0 0 100px;
	font-weight: normal;
	font-size: 85%;
	color: #626466;
}

#header .contact
{
	width: 352px;
	text-align: center;
	font-size: 75%;
	color: #424141;
	position: absolute;
	top: 29px;
	right: 25px;
}

#header .contact .tel
{
	height: 48px;
	overflow: hidden;
	line-height: 48px;
	margin: 0 0 10px 0;
	background: url(../images/base/bg_tel01.gif) repeat-x;
	border-radius: 8px;
	behavior: url("http://fukuoka-kanko.sub.jp/css/PIE.htc");
	position: relative;
}

#header .contact .tel img
{
	vertical-align: middle;
}

#header .contact .tel > img
{
	margin: 0 10px 0 15px;
}

#header .contact .tel > img:first-child
{
	margin: 0 0 0 15px;
}

#header .contact strong
{
	font-size: 115%;
	margin: 0 1em 0 0;
}

/*-----------------------------
メニュー
-----------------------------*/
div#globalnavi
{
	height: 26px;
	padding: 3px 0;
	background: url(../images/base/bg_menu01.gif) repeat-x;
	position: relative;
}

#globalnavi ul
{
	float: left;
	position: relative;
	left: 50%;
}

#globalnavi li
{
	height: 22px;
	padding: 2px 0;
	float: left;
	background: url(../images/base/img_menu_line01.gif) repeat-y;
	position: relative;
	left: -50%;
}

#globalnavi li:first-child
{
	background: none;
}

#globalnavi li a
{
	overflow: hidden;
	text-align: center;
	height: 22px;
	margin: 0 15px;
	padding: 0 25px;
	line-height: 24px;
	display: block;
	color: #f5f6f8;
	font-size: 90%;
	font-weight: 600;
	text-decoration: none;
	border-radius: 4px;
	behavior: url("http://fukuoka-kanko.sub.jp/css/PIE.htc");
	position: relative;
}

#globalnavi li a:hover,
#globalnavi li a.on
{
	background: #e2e3e5;
	color: #5b5f64;
	font-weight: normal;
}

/*-----------------------------
コンテナ
-----------------------------*/
#container
{
	background: #fff;
}

#container .pagetop
{
	width: 127px;
	height: 27px;
	margin: 0 0 0px 873px;
	overflow: hidden;
	display: block;
	clear: both;
}

/*----------------------------- 
内容
-----------------------------*/
#content
{
	width: 716px;
	float: left;
}

#content .item,
#content .column02
{
	width: 716px;
	overflow: hidden;
	margin: 33px 0 0 25px;
}

#content .item h2
{
	width: 651px;
	height: 44px;
	padding: 0 0 0 65px;
	background: url(../images/base/bg_h2.gif) no-repeat;
	color: #4c4c4b;
	line-height: 45px;
	font-size: 105%;
	font-weight: 600;
}

#content .column02 .item
{
	width: 349px;
	margin: 0;
	float: left;
}


#content .column02 .item2
{
	width: 340px;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	font-size: 80%;
}



#content .column02 .item:first-child
{
	margin: 0 18px 0 0;
}

#content .column02 .item h2
{
	width: 286px;
	padding: 0 0 0 63px;
}

#content h2 span
{
	font-size: 80%;
}

#content .item > h3
{
	width: 640px;
	height: 31px;
	margin: 33px 0 0 18px;
	padding: 0 0 0 43px;
	background: url(../images/base/bg_h3.gif) no-repeat;
	color: #799ac6;
	line-height: 32px;
	font-size: 105%;
	font-weight: 600;
}

/*----------------------------- 
お問い合せ・お見積
-----------------------------*/
#content .contact
{
	width: 684px;
	color: #424141;
	margin: 12px 0 46px 39px;
	padding: 13px 0 10px 26px;
	background: url(../images/base/bg_contact01.gif) repeat-x left bottom;
	border: solid 3px #e3c36f;
	position: relative;
}

#content .contact h2
{
	height: 21px;
	padding: 0 0 0 8px;
	margin: 0 0 11px 0;
	font-size: 125%;
	font-weight: bold;
	border-left: solid 6px #b9911a;
	color: #b9911a;
}

#content .contact h2 span
{
	font-size: 60%;
	color: #686969;
	margin: 0 0 0 10px;
	font-weight: normal;
	position: relative;
	top: -3px;
}

#content .contact p
{
	margin: 10px 0 0 43px;
	font-size: 75%;
}

#content .contact p strong
{
	font-size: 105%;
	margin: 0 10px 0 0;
}

#content .contact .mailform
{
	width: 307px;
	font-size: 75%;
	text-align: center;
	position: absolute;
	top: 13px;
	right: 14px;
}

#content .contact .mailform h3
{
	width: 350px;
	margin: 0 auto 4px auto;
	font-size: 130%;
	font-weight: bold;
}

#content .contact .mailform a
{
	width: 209px;
	height: 28px;
	display: block;
	margin: 8px auto 0 auto;
}

#content .contact .shadow
{
	position: absolute;
	bottom: -17px;
	left: -3px;
}

/*-----------------------------
サイドバー
-----------------------------*/
#sidebar
{
	width: 220px;
	float: left;
	padding: 33px 0 0 12px;
	font-size: 90%;
}

#sidebar ul.bus
{
	width: 220px;
	padding: 13px 0 6px 0;
}

#sidebar ul.bus li
{
	display: inline;
}

#sidebar ul.bus li a
{
	width: 218px;
	height: 98px;
	text-decoration: none;
	margin: 0 0 7px 0;
	display: block;
	color: #131313;
	font-size: 75%;
	line-height: 1.2;
	border: solid 1px #cccbcb;
	overflow: hidden;
	text-align: right;
	position: relative;
}

#sidebar ul.bus li a span
{
	font-family: "ＭＳ Ｐゴシック","MS PGothic";
	position: absolute;
	right: 6px;
	bottom: 6px;
}

#sidebar .twitter
{
	padding: 18px 0 39px 0;
	font-size: 80%;
	text-align: center;
}

#sidebar .twitter a
{
	color: #3b5998;
}

#sidebar .twitter h2
{
	margin: 0 0 2px 0;
}

#sidebar .associate
{
	padding: 0 0 16px 0;
}

#sidebar .associate h2
{
	font-size: 85%;
	font-weight: normal;
	color: #434242;
	margin: 0 0 14px 0;
}

#sidebar .associate li
{
	margin: 0 0 16px 0;
}

#sidebar .associate li img
{
	vertical-align: bottom;
}

/*-----------------------------
フッター
-----------------------------*/
#footer
{
	width: 100%;
	height: 153px;
	font-weight: normal;
	color: #575655;
	background: url(../images/base/bg_footer01.gif) repeat-x;
	border-top: solid 1px #e3e3e3;
}

#footer .copy
{
	width: 910px;
	font-size: 75%;
	color: #a0a0a0;
	text-align: right;
	margin: 15px auto 0 auto;
}

#footer .contact
{
	width: 1000px;
	font-size: 85%;
	margin: 0 auto;
}

#footer .contact h2
{
	font-weight: normal;
}

#footer .contact h2 img
{
	margin: 0 7px 0 0;
	vertical-align: -10px;
}

#footer .contact p
{
	margin: 0 0 0 52px;
}

/*-----------------------------
追加
-----------------------------*/
img.mt10
{
	margin: 10px 0 0 0;
}

img.mtb10
{
	margin: 10px 0 6px 0;
}

img.mt5mb10
{
	margin: 5px 0 20px 0
}	
	
img.mr36
{
	margin: 10px 0 10px 36px;
}

img.mb10
{
	margin: 0 0 0 0;
}

/*-----------------------------
フッター上
-----------------------------*/
#footer_ue
{
	width: 100%;
	text-align: center;
}