@charset "utf-8";

/*-----------------------------------------------
 基本
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	background:#e7e7e9;
	font-size:80%;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#222;
	line-height:1.5;
	letter-spacing:0.8px;
}

html {
	overflow-y:scroll;
}

p {
	margin:5px 15px;
}

li {
	list-style:none;
	line-height:1.3;
}

img,
fieldset {
	border:0;
	vertical-align:bottom;
}


/*-----------------------------------------------
 リンク色
-----------------------------------------------*/

a {
	color:#f70;
}

a:link {
	color:#f70;
}

a:visited {
	color:#280;
}

a:hover {
	color:#f30;
}

a:active {
	color:#f30;
}

/*-----------------------------------------------
 コンテンツ全体
-----------------------------------------------*/

#container {
	width:100%;
}

/*-----------------------------------------------
 ヘッダー
-----------------------------------------------*/

#header {
	width:100%;
	height:135px;
	background:url(../images/head_bg.gif) repeat-x 0 0;
	text-align:center;
}

/*-----------------------------------------------
 ロゴ（ヘッダー左）
-----------------------------------------------*/

#logo {
	width:300px;
	height:85px;
	float:left;
	margin-right:-300px;
}

/*-----------------------------------------------
 トップメニュー
-----------------------------------------------*/

#tmenu {
	width:350px;
	height:85px;
	float:right;
}

#tmenu ul {
	padding:45px 0 0 0;
}

#tmenu ul li {
	height:20px;
	float:left;
}

#tmenu01 {
	width:60px;
	background:url(../images/tmenu01_r.gif) no-repeat 0 0;
}

#tmenu02 {
	width:80px;
	background:url(../images/tmenu02_r.gif) no-repeat 0 0;
}

#tmenu03 {
	width:95px;
	background:url(../images/tmenu03_r.gif) no-repeat 0 0;
}

#tmenu04 {
	width:90px;
	background:url(../images/tmenu04_r.gif) no-repeat 0 0;
}

#tmenu01 a, #tmenu02 a, #tmenu03 a, #tmenu04 a {
	display:block;
}
#tmenu01 a:hover, #tmenu02 a:hover, #tmenu03 a:hover, #tmenu04 a:hover {
	background-color:transparent;
}
#tmenu01 a:hover img, #tmenu02 a:hover img, #tmenu03 a:hover img, #tmenu04 a:hover img {
	visibility:hidden;
}

/*-----------------------------------------------
 メニュー
-----------------------------------------------*/

#menu {
	clear:both;
	width:850px;
	height:50px;
	margin:0 auto;
	padding:0 10px;
}

#menu ul {
}

#menu ul li {
	float:left;
}

#menu01 {
	width:213px;
	background:url(../images/menu01_r.gif) no-repeat 0 0;
}

#menu02 {
	width:212px;
	background:url(../images/menu02_r.gif) no-repeat 0 0;
}

#menu03 {
	width:212px;
	background:url(../images/menu03_r.gif) no-repeat 0 0;
}

#menu04 {
	width:213px;
	background:url(../images/menu04_r.gif) no-repeat 0 0;
}

#menu01 a, #menu02 a, #menu03 a, #menu04 a {
	display:block;
}
#menu01 a:hover, #menu02 a:hover, #menu03 a:hover, #menu04 a:hover {
	background-color:transparent;
}
#menu01 a:hover img, #menu02 a:hover img, #menu03 a:hover img, #menu04 a:hover img {
	visibility:hidden;
}

/*-----------------------------------------------
 ドロップダウンメニュー
-----------------------------------------------*/

ul.menu {
	list-style:none;
}

ul.menu a {
	display:block;
	text-decoration:none;
}

ul.menu li {
	position:relative;
	float:left;
}

ul.menu ul {
	position:absolute;
	top:50px; left:7px;
	display:none;
	opacity:0;
	list-style:none;
}

ul.menu ul li {
	position:relative;
	width:200px;
	height:30px;
}

.smenu01 {
	background:url(../images/smenu01_r.gif) no-repeat 0 0;
}

.smenu02 {
	background:url(../images/smenu02_r.gif) no-repeat 0 0;
}

.smenu03 {
	background:url(../images/smenu03_r.gif) no-repeat 0 0;
}

.smenu04 {
	background:url(../images/smenu04_r.gif) no-repeat 0 0;
}

.smenu05 {
	background:url(../images/smenu05_r.gif) no-repeat 0 0;
}

.smenu06 {
	background:url(../images/smenu06_r.gif) no-repeat 0 0;
}

.smenu07 {
	background:url(../images/smenu07_r.gif) no-repeat 0 0;
}

.smenu01 a, .smenu02 a, .smenu03 a, .smenu04 a, .smenu05 a, .smenu06 a, .smenu07 a {
	display:block;
}
.smenu01 a:hover, .smenu02 a:hover, .smenu03 a:hover, .smenu04 a:hover, .smenu05 a:hover, .smenu06 a:hover, .smenu07 a:hover {
	background-color:transparent;
}
.smenu01 a:hover img, .smenu02 a:hover img, .smenu03 a:hover img, .smenu04 a:hover img, .smenu05 a:hover img, .smenu06 a:hover img, .smenu07 a:hover img {
	visibility:hidden;
}

/*-----------------------------------------------
 メイン画像
-----------------------------------------------*/

#main {
	clear:both;
	width:100%;
	height:260px;
	background:url(../images/main_bg.gif) repeat-x 0 0;
	text-align:center;
}

/*-----------------------------------------------
 内容
-----------------------------------------------*/

#contents {
	width:820px;
	margin:0 auto;
	padding:10px 20px;
	background:url(../images/cont_bg.gif) repeat-y 0 0;
}

/*-----------------------------------------------
 内容（左）
-----------------------------------------------*/

#cont_l {
	width:230px;
	float:left;
}

/*-----------------------------------------------
 内容（右）
-----------------------------------------------*/

#cont_r {
	width:580px;
	float:right;
}

/*-----------------------------------------------
 お問い合わせ
-----------------------------------------------*/

#contact {
	width:230px;
	height:400px;
	margin:0 0 5px 0;
	background:url(../images/contact_bg.gif) no-repeat 0 0;
}

/*-----------------------------------------------
 メールでのお問い合わせボタン
-----------------------------------------------*/

#mail_btn {
	width:205px;
	height:50px;
	margin:0 auto;
	background:url(../images/mail_btn_r.gif) no-repeat 0 0;
}
#mail_btn a {
	display:block;
}
#mail_btn a:hover {
	background-color:transparent;
}
#mail_btn a:hover img {
	visibility:hidden;
}

/*-----------------------------------------------
 バナー
-----------------------------------------------*/

.banner {
	width:230px;
	height:70px;
	margin:0 0 10px 0;
}

/*-----------------------------------------------
 フレーム
-----------------------------------------------*/

.frame {
	width:570px;
	margin:5px auto;
	background:#fff url(../images/fra_bg.gif) repeat-y 0 0;
}

.fra_b {
	clear:both;
	width:540px;
	padding:5px 15px;
}

.fra_f {
	clear:both;
	width:570px;
	height:10px;
	background:#fff url(../images/fra_f.gif) no-repeat 0 0;
	overflow:hidden;
}

/*-----------------------------------------------
 タイトル
-----------------------------------------------*/

.title02 {
	width:570px;
	height:40px;
	background:#ccefc4 url(../images/title02_bg.gif) no-repeat 0 0;
}

.title03 {
	width:570px;
	height:40px;
	background:#dde299 url(../images/title03_bg.gif) no-repeat 0 0;
}

.title04 {
	width:570px;
	height:40px;
	background:#e6d0a6 url(../images/title04_bg.gif) no-repeat 0 0;
}

.title05 {
	width:570px;
	height:40px;
	background:#edc7be url(../images/title05_bg.gif) no-repeat 0 0;
}

.title {
	float:left;
}

.details {
	float:right;
}

/*-----------------------------------------------
 サブメニューリスト
-----------------------------------------------*/

ul.smenulist {
	margin:5px 0;
}
ul.smenulist li {
	padding:0 0 0 18px;
	margin:2px 0 5px 10px;
	list-style:none;
	background:url(../images/point02.gif) no-repeat 0 0;
	float:left;
}
ul.smenulist li a {
	color:#260;
	font-weight:bold;
	text-decoration:none;
}
ul.smenulist li a:hover {
	color:#f70;
	text-decoration:underline;
}

/*-----------------------------------------------
 フッター
-----------------------------------------------*/

#footer_top {
	width:860px;
	height:5px;
	margin:0 auto;
	background:url(../images/foot_h.gif) no-repeat 0 0;
	overflow:hidden;
}

#footer {
	width:820px;
	padding:10px 20px;
	margin:0 auto;
	background:url(../images/foot_bg.gif) repeat-y 0 0;
	font-size:80%;
}

/*-----------------------------------------------
 フッターリスト
-----------------------------------------------*/

.flist_t {
	padding:0 0 0 17px;
	margin:0 0 3px 0;
	background:url(../images/point01.gif) no-repeat 0 0;
	font-weight:bold;
}

ul.flist {
	margin:5px 0 10px 10px;
}
ul.flist li {
	padding:0 0 0 17px;
	margin:2px 0 3px 0;
	list-style:none;
	background:url(../images/kagi.gif) no-repeat 0 0;
}
.flist_t a, ul.flist li a {
	color:#333;
	text-decoration:none;
}
.flist_t a:hover, ul.flist li a:hover {
	color:#f70;
	text-decoration:underline;
}

/*-----------------------------------------------
 コピーライト
-----------------------------------------------*/

#copy {
	width:860px;
	height:25px;
	padding:6px 0 4px 0;
	margin:0 auto;
	background:url(../images/copy.gif) no-repeat 0 0;
	font-size:70%;
	color:#160;
	text-align:center;
}

/*-----------------------------------------------
 クリア
-----------------------------------------------*/

.clear {
	clear:both;
}