@charset "UTF-8";


/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
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, font, 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 {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-family:  MS PGothic,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 100%;
	line-height: 1.5;
	vertical-align: baseline;
}

body {
	font-size: 75%;
	color: #151515;
}

ol, ul {
	list-style: none;
	line-height: 1.7;
	color: #666;
}

p {
	line-height: 1.7;
	color: #666;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:link {
	color: #0099ff;
	text-decoration: underline;
}

a:visited {
	color: #9966cc;
	text-decoration: underline;
}

a:hover {
	color: #0099ff; 
	text-decoration: none; 
	background-color: #e4f5f5; 
}

a:active {
	color: #0099ff;
	text-decoration: underline;
}

#header a:hover img,#main a:hover img,#sideBar ul#sideNavi a:hover img {
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
}


/*------------------------------------------------------------
	body
------------------------------------------------------------*/
body {
	background: url(../_images/common/body_back.gif) repeat;
	text-align: center;
}

#container {
	margin: 0 auto;
	width: 806px;
	background: url(../_images/common/container_back.gif) repeat-y;
	text-align: left;
}

#main {
	padding: 0 18px 0 14px;
	background: url(../_images/common/main_back.jpg) repeat-y 14px top;
	overflow: hidden;
	zoom: 100%;
}


/*------------------------------------------------------------
	header
------------------------------------------------------------*/
#header {
	margin-left: 3px;
	margin-right: 3px;
	height: 106px;
	background: url(../_images/common/header_back.jpg) no-repeat;
	position: relative;
}

#header h1 {
	position: absolute;
	top: 11px;
	left: 108px;
	color: #fff;
	font-weight: normal;
}

#header .logo {
	position: absolute;
	top: 3px;
	left: 8px;
}

#header a:hover img.logo {
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
}

#header .logo02 {
	position: absolute;
	top: 59px;
	left: 15px;
}

#header a.btn {
	position: absolute;
	top: 6px;
	left: 684px;
}

#header a.btn img{
	display: block;
}

#header a.btn:hover {
	background: none;
}


#header a.mail {
	position: absolute;
	top: 59px;
	left: 399px;
}

#header a.mail:hover {
	background: none;
}


#header .tel {
	position: absolute;
	top: 56px;
	left: 625px;
}


/*------------------------------------------------------------
	globalMenu
------------------------------------------------------------*/
#globalNavi {
	margin-left: 3px;
	margin-right: 3px;
	height: 49px;
	text-align: center;
	overflow: hidden;
}

#globalNavi li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none outside;
}

#globalNavi li a {
	display: block;
}

#globalNavi li a img{
	display: block;
}


/*------------------------------------------------------------
	pageGuide 
------------------------------------------------------------*/
#pageGuide {
	padding: 9px 0 8px 18px;
	+padding: 11px 0 8px 18px;
}

#pageGuide li {
	display: inline;
	line-height: 1.5;
}

#pageGuide  li a {
	margin-left: 3px;
	margin-right: 3px;
}


/*------------------------------------------------------------
	sideBar
------------------------------------------------------------*/
#sideBarL {
	width: 202px;
	float: left;
}

#sideBarL img {
	display: block;
}

#sideBarL .box {
	padding: 0 0 15px 1px;
	overflow: hidden;
}

#sideBarL ul.ul01 {
	padding: 14px 0 0 11px;
	zoom: 1;
}

#sideBarL ul.ul01 li {
	float: left;
	margin-bottom: 10px;
}

#sideBarL ul.ul01 li.end {
	margin-bottom: 9px;
	background-color: #fff;
}

#sideBarL ul.ul01 li img {
	display: block;
}

#sideBarL ul.ul01 li a:hover {
	background: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#sideBarL .box .inner ul li {
		padding: 6px 0 6px 25px;
	}
}


/*------------------------------------------------------------
	footer
------------------------------------------------------------*/
#footer {
	margin-top: 40px;
	padding: 5px 11px 0 10px;
	height: 106px;
	_height: 111px;
	margin-left: 3px;
	margin-right: 3px;
	background: url(../_images/common/footer_back.gif) repeat-x left;
	clear: both;
	overflow: hidden;
	zoom: 100%;
}

#footer ul{
	margin-right: 10px;
	text-align: right;
}

#footer ul li{
	margin-right: 15px;
	padding: 0 0 0 15px;
	display: inline;
	background: url(../_images/common/icon_04.gif) no-repeat left 3px;
}

#footer ul li.none {
	margin-right: 0;
}

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

#footer p{
	padding-top: 12px;
	color: #fff;
	text-align: right;
	line-height: 1.5;
}


#footer address{
	padding-top: 12px;
	color: #fff;
	text-align: right;
	line-height: 1.5;
	font-style: normal;
}

#footer p a:link, #footer address a:link {
	color: #ff9600;
	text-decoration: none;
}

#footer p a:visited, #footer address a:visited {
	color: #ff9600;
	text-decoration: none;
}

#footer p a:hover, #footer address a:hover {
	color: #ff9600; 
	text-decoration: underline; 
	background-color: #666666; 
}

#footer p a:active, #footer address a:active {
	color: #ff9600;
	text-decoration: none;
}

#footer p.webp {
	padding-top: 5px;
}

#footer p.webp a:link {
	color: #ffffff;
	text-decoration: none;
}

#footer p.webp a:visited {
	color: #ffffff;
	text-decoration: none;
}

#footer p.webp a:hover {
	color: #ffffff; 
	text-decoration: underline; 
	background-color: #666666; 
}

#footer p.webp a:active {
	color: #ffffff;
	text-decoration: none;
}


/*------------------------------------------------------------
	その他
------------------------------------------------------------*/
/*ページング*/
.paging {
	padding: 15px 0;
	text-align: center;
}


/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/

/* float */
.floatL {
	float: left;
}

.floatR {
	float: right;
}

/* clearfix */
	* html .clearFix {
		display: inline-block;
	}

	*+html .clearFix {
		display: inline-block;
	}

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


/* text
---------------*/
.alignleft { text-align: left;}
.aligncenter { text-align: center;}
.alignright { text-align: right;}

.red { color: #ff0000; }

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

.mgt5 { margin-top: 5px; }
.mgt10 { margin-top: 10px; }
.mgt15 { margin-top: 15px; }
.mgt20 { margin-top: 20px; }
.mgt30 { margin-top: 30px; }

.mgb5 { margin-bottom: 5px; }
.mgb10 { margin-bottom: 10px; }
.mgb15 { margin-bottom: 15px; }
.mgb20 { margin-bottom: 20px; }
.mgb30 { margin-bottom: 30px; }

.pdt5 { padding-top: 5px; }
.pdt10 { padding-top: 10px; }
.pdt15 { padding-top: 15px; }
.pdt20 { padding-top: 20px; }
.pdt30 { padding-top: 30px; }

.pdb5 { padding-bottom: 5px; }
.pdb10 { padding-bottom: 10px; }
.pdb15 { padding-bottom: 15px; }
.pdb20 { padding-bottom: 20px; }
.pdb30 { padding-bottom: 30px; }