@charset "utf-8";
/* CSS Document */

/* タグ
---------------------------------------------------------- */
body {
	margin: 0 auto;
	padding: 0;
	font-size: 80%;
	color: #444444;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,blockquote,address,pre,div,form,fieldset,input,textarea,th,td {
	margin: 0;
	padding: 0;
}

li {
	list-style:none;
}

a {
	color: #1194CC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

hr {
	height: 1px;
	border-size: 1px;
	border-color #cccccc;
}

a b {
	display: none;
}

a span {
	display: none;
}
/* 画像をマウスホバーしたときに、透過する
------------------------------------------------------------------------ */
a:hover img{
  filter: alpha(opacity=60);
  opacity:0.6;
  background: #ffffff;
}

/* 画像サイズ画面内調整 */
#contents_area img {
width: auto;
height: auto;
max-width: 310px;
max-height: auto;
}

/* 共通
----------------------------------------------------------- */
/* クリアーフィックス
------------------------------------------------------------------------ */
.clear {
	clear:both;
}
/* テキストのスタイルを解除　※テキスト下部に10pxの空間を空ける設定
------------------------------------------------------------------------ */
.title_image {
	height: auto !important;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	background: none !important;
	text-indent: 0 !important;
	text-align:left !important;
}
/* 画像で作成したドットラインを引く
------------------------------------------------------------------------ */
.dotline {
	clear:both;
	height: 8px;
	margin: 0;
	padding: 0;
	background: url(images/dotline.jpg) repeat-x;
	background-position: middle center;
	line-height: 100%;
}
/* パンくずリストのレイアウト
------------------------------------------------------------------------ */
.topicpath {
	width: 100%;
}
.topicpath_in {
	width: 320px;
	margin: 0 auto;
	text-align:center;
}
.topicpath_in p {
	font-size: 90%;
	text-align:left !important;
}

/* 文字を赤色にする
------------------------------------------------------------------------ */
.font_red {
	color: #ff0000;
}
/* 高さ10pxの空白
------------------------------------------------------------------------ */
.space_height_10 {
	height: 10px;
}
/* 高さ30pxの空白
------------------------------------------------------------------------ */
.space_height_30 {
	height: 30px;
}
/* 高さ90pxの空白
------------------------------------------------------------------------ */
.space_height_90 {
	height: 90px;
}
/* センター寄せ */
.centering {
	margin: auto !important;
	text-align:center !important;
}

/* ブロックレイアウト
------------------------------------------------------------------------ */
#base {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}
/* ブロックレイアウト・センター寄せ
------------------------------------------------------------------------ */
.center_layout {
	width: 320px;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}

/* ヘッダー
------------------------------------------------------------------------ */
#header {
	width: 100%;
	margin: 0 auto;
	text-align:center;
}
#header_in {
	width: 320px;
	margin: 0 auto;
	text-align:center;
}
#h_line {
	width: 100%;
	height: 16px;
	background: url(images/h_line.jpg) repeat-x;
}

/* グローバルナビ
------------------------------------------------------------------------ */
#g_navi {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}

#g_navi_in {
	width: 320px;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}


/* コンテンツ
------------------------------------------------------------------------ */
#contents_area {
	width:320px;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}

/* コンテンツ内部
------------------------------------------------------------------------ */
#contents_in {
	text-align: left;
}

/* 見出しH3
------------------------------------------------------------------------ */
h3 {
	height: 30px;
	margin: 0 0 10px 0;
	background: url(images/title_lv02.jpg) no-repeat;
	font-size: 110%;
	font-weight: normal;
	color: #A3AD45;
	text-align:left;
	text-indent: 6px;
}

/* 見出しH4
------------------------------------------------------------------------ */
h4 {
	margin: 0 0 10px 0;
	font-size: 130%;
	font-weight: normal;
	color: #95C90A;
	text-align:left;
}
/* 段落
------------------------------------------------------------------------ */
p {
	margin: 0 0 10px 6px;
}

/* 箇条書き
------------------------------------------------------------------------ */
ul {
	margin: 0 0 10px 40px;
}
ul li {
	margin: 0 0 8px 0;
	list-style: disc;
}

/* サービス一覧
----------------------------------------------------------------------- */
#service_top {
	height: 15px;
	background: url(images/service_top.jpg) no-repeat;
}

#service_middle {
	background: url(images/service_middle.jpg) repeat-y;
}

#service_middle_in {
	width: 270px;
	margin: 0 auto;
	text-align:center;
}

#service_middle_in ul {
	margin: 0 !important;
	text-align:left;
}

#service_middle_in ul li {
	margin: 0;
	padding: 0 0 0 20px;
	list-style:none;
	background: url(images/list.png) no-repeat;
	background-position: left 2px;
	text-align:left !important;
	line-height: 160%;
}

#service_bottom {
	height: 15px;
	background: url(images/service_bottom.jpg) no-repeat;
}

/* フッタ（画面下部・住所等）
------------------------------------------------------------------------ */
#footer {
	width: 100%;
}

#footer_in {
	width: 320px;
	margin: 0 auto;
	padding: 0;
	font-size:85%;
	text-align:center;
}

#footer_address {
	text-align: right;
}

/* フッターナビゲーション
------------------------------------------------------------------------ */
#f_navi_in {
	width: 300px;
	margin: 0 auto !important;
	text-align:center !important;
}
#f_navi ul li {
	margin: 0 15px 0 0;
	float: left;
	list-style:none;
}

/* フッタードット緑ライン */
#f_line {
	height: 14px;
	background: url(images/image_line.jpg) repeat-x;
}

/* コピーライト
------------------------------------------------------------------------ */
#copyright {
	width: 100%;
	height: 48px;
	background: url(images/footer_back.jpg) repeat-x;
}
#copyright_in {
	width: 320px;
	height: 48px;
	margin: 0 auto;
	background: url(images/footer_back_home.jpg) repeat-x;
	text-align:center;
}
#copyright_in address {
	font-size: 70%;
	font-style: normal;
	color: #fff;
	text-align: right;
}

/* このページの上部へ
---------------------------------------------------------------- */
div.tothetopfixed {
	position: fixed;
	right: 20px;
	bottom: 40px;
	z-index: 1500;
}

div.tothetopfixed a {
	width: 99px;
	height: 102px;
	background: url(images/pagetop.png) no-repeat;
	display: block;
	padding: 10px;
	margin: 0;
}

div.tothetopfixed a:hover {
	background: url(images/pagetop_o.png) no-repeat;
}