@charset "utf-8";

/* -----------------------
初期設定
------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, 
ul, ol, li, dl, dt, dd, table, th, td, form, filedset {
	margin: 0;
	padding: 0;
	background-color: transparent;
	font-family: Verdana,"ヒラギノ角ゴ Pro W3",san-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #000;
}
body {
	text-align: center;
	width: 100%;
	height: 100%;
	background-color: #e5e5e5;
}
img {vertical-align: top;}
a img {border: none;}
a {text-decoration: underline;}
a:link, a:visited {color: #333399;}
a:hover, a:active {color: #6666cc;}
p {margin: 0 0 1em 0;}
em {font-style: normal;color: #ff0000;}

address {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	padding: 0.5em;
	color: #fff;
}
address a:link,
address a:visited {color: #fff;text-decoration: none;}
address a:hover,
address a:active {color: #fff;text-decoration: underline;}


/* -----------------------
ワイヤーフレーム
------------------------- */
div#container {
	margin: 0 auto;
	width: 860px;
	border: 1px solid #999;
	background-color: #fff;
	}

div#header {
	height: 120px;
	background: #C4DCF4 url(../share_img/header_bg.jpg) no-repeat;
	text-align: left;
	}

div#navpad {
	height: 40px;
	background: #383232 url(../share_img/navpad_bg.jpg) repeat-x;
	text-align: left;
	}
	div#navpad ul li {
		display: inline;
		width: 170px;
		height: 40px;
		}
	div#navpad ul li a {
		display: block;
		float: left;
		width: 170px;
		height: 38px;
		border-right: 1px solid #666;
		font-size: 1.2em;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		line-height: 38px;
		}
	div#navpad ul li a:link,
	div#navpad ul li a:visited {
		color: #fff;
		background: #333 url(../share_img/navpad_bg.jpg) repeat-x;
		}
	div#navpad ul li a:hover,
	div#navpad ul li a:active,
	div#navpad ul li a.now {
		background: #ccc url(../share_img/navon.jpg) repeat-x;
		color: #333;
		}

div#conwrap {padding: 2em 1em;}
	div#conwrap div#mainwrap {
		width: 550px;
		float: left;
		text-align: left;
		}
	div#conwrap div#rightwrap {
		margin-left: 22px;
		width: 260px;
		float: left;
		text-align: left;
		}

div#footer {clear: both;background-color: #222;}


/* -----------------------
見出し
------------------------- */
h1 {
	margin-left: 12px;
	font-weight: normal;
	font-size: 12px;
	}
div#header p#headtitle {
	margin-top: 30px;
	margin-left: 12px;
	font-size: 25pt;
	font-weight: bold;
	}
h2 {
	margin-top: 2em;
	margin-bottom: 1em;
	padding-left: 12px;
	height: 30px;
	background: #e5e1da url(../share_img/h2_bg.jpg) no-repeat;
	font-size: 15px;
	}
h3 {
	margin-bottom: 1em;
	padding-left: 5px;
	border-bottom: 1px solid #ccc;
	line-height: 2em;
	}
/* -----------------------
リストなど
------------------------- */
ul, ol, li {list-style: none;}

dl {margin-bottom: 1em;}
dl dt {border-bottom: 1px dashed #999;}
dl dd {margin-bottom: 0.5em;}


/* index 特徴 */
ul#top_strongpoint {margin-bottom: 2em;margin-left: 1em;}
ul#top_strongpoint li {
	margin-bottom: 1em;
	padding-left: 28px;
	background:  url(../share_img/botton.gif) no-repeat left top;
	font-size: 18px;
	line-height: 28px;
	color: #505050;
	font-weight: bold;
	}

/* -----------------------
囲み
------------------------- */
/* 囲み罫線付き　淡グレー塗りつぶし */
.gry_kakomik {margin-bottom: 1em;border: 1px solid #999;}
.gry_kakomik .gry_nuri {margin: 2px;background-color: #e5e5e5;}

/* テーブル（お問い合わせフォームで使用） */
table.tbl1 {border: 1px solid #999;padding: 2px 2px 0 2px;}
table.tbl1 th, table.tbl1 td {padding: 5px;border-bottom: 2px solid #fff;}
table.tbl1 th {background-color: #dde5ff;font-weight: normal;}
table.tbl1 td {background-color: #e5f2ff;}

.blue1 {background-color: #dde5ff;}
.blue2 {background-color: #e5f2ff;}

/* 黒い囲み・文字白 */
.bl_kakomi {margin-bottom: 1em;padding: 5px auto;background-color:#000;text-align:center;}
.bl_kakomi p {margin-bottom:0.2em;color:#fff;text-align:left;}
.bl_kakomi img {margin-bottom:2px;}
/* -----------------------
文字装飾・余白など
------------------------- */
.clr {clear: both;}

.mt0 {margin-top: 0;}
.mb0 {margin-bottom: 0;}
.mlr5p {margin: 0 5px;}
.mlr1 {margin: 0 1em;}

.f12 {font-size: 12px;}

.fred {color: #ff3333;}
.fwh {color: #fff;}

/*上付き文字*/
.upletter {vertical-align: super;}