@charset "UTF-8";
/* 
----------------------------------------
2009.07.03
version 1.0
----------------------------------------
*/

body,h1,h2,h3,h4,h5,h6,pre,td,th,input,textarea,caption,address,cite,strong,em {
font-family:verdana,arial,helvetica,"qMmpS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "CI", Meiryo, "ＭＳ Ｐゴシック","lr oSVbN",sans-serif;
}
body{margin: 0;padding: 0;color: #444444; text-align:center; background:url(../../img/common/bg.jpg) no-repeat 0% 0% fixed;
	background-position:center top; font-size: 90%; line-height: 160%; }


a {/*\*/overflow: hidden;/**/}
.cursor{cursor: pointer;}

.Bld{font-weight:bold;}
.Small{font-size: smaller;}
.Large{font-size: larger;}
.LargeBld{font-size: 14px;font-weight: bold;}
.SmallBld{font-size: smaller;font-weight: bold;}
.text-index{line-height:1.1em;}

.Red{ color:#CC3300;}
.Bld-Red{color:#CC3300; font-weight:bold;}
.Blue{color:#3366FF;}
.Orange{color:#FF6600;}


/* 
 
***********************************
*
*　空行解除
*
***********************************

*/

h1,h2,h3,h4,h5,h6,pre,p,ul,ol,li,dl,dt,dd,noscript,div{margin: 0; padding: 0;}


/*
 
***********************************
*
*　リストスタイル解除
*
***********************************

*/

ul,ol,li,dl{list-style-type: none;}


/*
 
***********************************
*
*　リンクスタイル
*
***********************************

*/

a {color:#3366FF;}
a:hover{color:#3366CC; text-decoration: underline;}


/*

***********************************
*
*テーブル
*
***********************************

*/

.tbl-underline {margin:0px 0px;border-collapse:collapse;border-spacing:0px;border:0px solid #cccccc;empty-cells:show;}
.tbl-underline td {padding:3px;border:0px dotted #cccccc;vertical-align: top; text-align:left; border-bottom:1px dotted #cccccc;}
.tbl-underline th {padding:3px;border:0px dotted #cccccc;vertical-align: top; text-align:left; font-weight:normal; border-bottom:1px dotted #cccccc;}

/*テーブル１*/
.tbl-styl {margin:10px 0px;border-collapse:collapse;border-spacing:0px; empty-cells:show;}
.tbl-styl td {padding:5px 10px;border:0px dotted #cccccc;vertical-align: top; text-align:left;}
.tbl-styl th {padding:5px 10px;border:0px dotted #cccccc;vertical-align: top; text-align:left; font-weight:normal;}

/*テーブル２*/
.tbl-styl2 {margin:10px 0px;border-collapse:collapse;border-spacing:0px;border:1px solid #cccccc;empty-cells:show;}
.tbl-styl2 td {padding:5px 10px;border:1px dotted #cccccc;vertical-align: top; text-align:left;}
.tbl-styl2 th {padding:5px 10px;border:1px dotted #cccccc;vertical-align: top; text-align:left; font-weight:normal; background-color:#F3F3F3;}

/*表テーブル*/
.tbl-styl4 {margin:10px 0px;border-collapse:collapse;border-spacing:0px;border:1px solid #cccccc;empty-cells:show;}
.tbl-styl4 td {padding:5px 10px;border:1px dotted #cccccc;vertical-align: top; text-align:center;}
.tbl-styl4 th {padding:5px 10px;border:1px dotted #cccccc;vertical-align: top; text-align:center; font-weight:normal; background-color:#F3F3F3;}

/*フォームレイアウト*/
.tbl-styl3 {margin:10px 0px;border-collapse:collapse;border-spacing:0px;border:1px solid #cccccc;empty-cells:show; width:619px; font-size:}
.tbl-styl3 td {padding:5px; border:1px dotted #cccccc; vertical-align: top; text-align:left; font-weight:normal;}
.tbl-styl3 th {padding:5px; border:1px dotted #cccccc; vertical-align: top; text-align:left; font-weight:bold; background-color:#F4F4F4;}


/*
 
***********************************
*
*フロート
*
***********************************

*/

.F-Right{float:right;}
.F-Left{float:left;}


/*

***********************************
*
*クリア
*
***********************************

*/

.ClearRight {clear:right;}
.ClearLeft {clear:left;}
.ClearBoth {clear:both;}

/* クリアボックス(テキスト挿入NG) */
.ClearBox900 {width:900px; height:18px; display:block; text-indent:-1000em;}

/*
 
***********************************
*
*破線
*
***********************************

*/
hr{background: #FFFFFF;margin: 2px 0px 4px 0px;padding: 0;border-style: dotted none none none; border-top-width: 1px; border-top-color: #cccccc; height: 1px;}
hr2{background: #FFFFFF; width:616px; margin: 2px 0px 4px 0px;padding: 0;border-style: dotted none none none; border-top-width: 1px; border-top-color: #cccccc; height: 1px;}

/*
 
***********************************
*
*マージン設定
*
***********************************

*/
.M-5{margin:5px;}
.M-LR5{margin:0px 5px;}
.M-10{margin:10px;}
.M-LR10{margin:0px 10px;}
.M-TB10{margin:10px 0px;}
.M-20{margin:20px;}
.M-TB20{margin:20px 0px;}
.M-L15{margin-left:15px;}
.M-L30{margin-left:30px;}
.M-LB10{margin:10px 0px 10px 10px;}
.M-B10{margin-bottom:10px;}
.M-B5{margin-bottom:5px;}
.M-R10{margin-right:10px;}


/*

***********************************
*
*ページ表示枠
*
***********************************

*/

#Doc-Field { clear:both; margin:0px 0px 0px 0px; background-color:#ffffff; width:645px;}

.Text619{width:619px; margin:0px auto;}



/*
 
***********************************
*
*共通設定
*
***********************************

*/

#Wrapper{
	text-align:center;
	width:900px;
	height:auto;
	margin:0px auto;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#ffffff;
	padding: 0px;
}

#Wrapper_index{
	text-align:center;
	width:900px;
	height:auto;
	margin:0px auto;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:0px;
}


#Content{
	margin:0px;
	width:900px;
	height:auto;
	text-align:left;
	padding:0px;
}

#Content-inner{margin:0px; padding:0px; width:900px; height:auto; text-align:left; background:#FFFFFF;}

#Content-Right01{float:right; text-align:left; width:640px; margin:0px; padding:15px 13px 0px 0px;}
#Content-Left01{float:left; text-align:left; width:228px; margin:0px; padding:15px 0px 0px 0px;}

#Content-Product{float:left; text-align: left; width:640px; margin:0px 0px 0px 0px;}

#Content-info{float:left; text-align: left; width:900px; padding-left:20px; padding-bottom:24px;}
#Content-infobox1{float:left; text-align: left; width:296px; margin:0px 0px 0px 0px;}
#Content-infobox2{float:left; text-align: left; width:296px; margin:0px 0px 0px 13px;}
#Content-infobox3{float:left; text-align: left; width:296px; margin:0px 0px 0px 13px;}
#Content-infotitle01{width:296px; height:33px;background:url(../../img/common/bt-info01.jpg) left top no-repeat; margin:0px 0px 0px 0px;}
#Content-infotitle02{width:296px; height:33px;background:url(../../img/common/bt-info02.jpg) left top no-repeat; margin:0px 0px 0px 0px;}
#Content-infotitle03{width:296px; height:33px;background:url(../../img/common/bt-info03.jpg) left top no-repeat; margin:0px 0px 0px 0px;}
#Content-infotext{float:left; text-align:left; width:271px; margin:5px 0px 0px 0px; font-size:small; line-height:1.2em; padding-left:10px;}


img{ border:0; margin:0px;}
input{margin:0px 0px; padding:0px; font-size:100%;}

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

*/

/*インデックスヘッダー*/
#I-Header{width:900px; margin:0px 0px 0px 0px; height:176px;background:url(../../img/common/header-bg.jpg) left top no-repeat;}
/*ヘッダーロゴ*/
#Logo a{  width:368px; height:118px; display:block; text-indent:-1000em; float:left; margin-top:0px;}

/*ヘッダーボックスナビ*/
#Headbox{ float:right; width:359px; height:77px; margin:12px 0px 0px 0px; padding-right:8px;}
#Headbox li {float:left;}

#Headbox .H-Box01 a{background: url(../../img/common/siryouseikyu-a.jpg) left top no-repeat; text-indent:-1000em; width: 359px; height: 56px; padding: 0;display:block;font-size:1px; margin-bottom: 4px;}
#Headbox .H-Box01 a:hover{background: url(../../img/common/siryouseikyu-b.jpg) left top no-repeat;}

#Headbox .H-Box02 {background: url(../../img/common/eigyoujikan.gif) left top no-repeat; text-indent:-1000em; width: 153px; height: 21px; padding: 0; display:block; font-size:1px; margin-bottom: 4px;}

#Headbox .H-Box03 a{background: url(../../img/common/shitumon-a.gif) left top no-repeat; text-indent:-1000em; width: 69px; height: 21px; padding: 0;display:block;font-size:1px; margin-bottom: 4px;}
#Headbox .H-Box03 a:hover{background: url(../../img/common/shitumon-b.gif) left top no-repeat;}

#Headbox .H-Box04 a{background: url(../../img/common/access-a.gif) left top no-repeat; text-indent:-1000em; width: 79px; height: 21px; padding: 0;display:block;font-size:1px; margin-bottom: 4px;}
#Headbox .H-Box04 a:hover{background: url(../../img/common/access-b.gif) left top no-repeat;}

#Headbox .H-Box05 a{background: url(../../img/common/shiryou-a.gif) left top no-repeat; text-indent:-1000em; width: 58px; height: 21px; padding: 0;display:block;font-size:1px; margin-bottom: 4px;}
#Headbox .H-Box05 a:hover{background: url(../../img/common/shiryou-b.gif) left top no-repeat;}



/*ヘッダーメインナビゲーション*/
#Navi { float:left; width:900px; height:58px; margin-top:0px; clear:left; padding:0px 0px 0px 0px; display:block;}
#Navi li {float:left;}

#Navi .H-Navi01 a{background: url(../../img/common/head-01a.jpg) left top no-repeat; text-indent:-1000em; width: 148px; height: 57px; padding: 0; display:block ;font-size:1px;}
#Navi .H-Navi01 a:hover{background: url(../../img/common/head-01b.jpg) left top no-repeat;}

#Navi .H-Navi02 a{background: url(../../img/common/head-02a.jpg) left top no-repeat; text-indent:-1000em; width: 149px; height: 57px; padding: 0; display:block; font-size:1px;}
#Navi .H-Navi02 a:hover{background: url(../../img/common/head-02b.jpg) left top no-repeat;}

#Navi .H-Navi03 a{background: url(../../img/common/head-03a.jpg) left top no-repeat; text-indent:-1000em; width: 149px; height: 57px; padding: 0; display:block; font-size:1px;}
#Navi .H-Navi03 a:hover{background: url(../../img/common/head-03b.jpg) left top no-repeat;}

#Navi .H-Navi04 a{background: url(../../img/common/head-04a.jpg) left top no-repeat; text-indent:-1000em; width: 149px; height: 57px; padding: 0; display:block; font-size:1px;}
#Navi .H-Navi04 a:hover{background: url(../../img/common/head-04b.jpg) left top no-repeat;}

#Navi .H-Navi05 a{background: url(../../img/common/head-05a.jpg) left top no-repeat; text-indent:-1000em; width: 150px; height: 57px; padding: 0; display:block; font-size:1px; }
#Navi .H-Navi05 a:hover{background: url(../../img/common/head-05b.jpg) left top no-repeat;}

#Navi .H-Navi06 a{background: url(../../img/common/head-06a.jpg) left top no-repeat; text-indent:-1000em; width: 155px; height: 57px; padding: 0; display:block; font-size:1px;}
#Navi .H-Navi06 a:hover{background: url(../../img/common/head-06b.jpg) left top no-repeat;}




/*

***********************************
*
*サイドメニュー
*
***********************************

*/

/*ページ用(左)*/

#Navi-Left ul{display:}

#Navi-Left li{float:left; padding-bottom:0px;}


/*左バナースペース*/
#Casebox{width:228px;margin:0px 0px 20px 0px; padding-left:10px;}

#Intro-about-tit{background:url(../../img/common/reservation.jpg) left top no-repeat; width:220px; height:45px; text-indent:-3000em; display:block; margin-top:2px; padding-left:0px; margin-left:14px;}
#Sidebox{background:url(../../img/common/sideboxbg.jpg) left top no-repeat; width:218px; height:369px; margin:0px 0px 0px 14px; padding-left:0px; border-left:solid #CCCCCC 1px; border-right:solid #CCCCCC 1px; border-bottom:solid #CCCCCC 1px; margin-bottom:12px;}

#Casebox .I-Case01 a{background:url(../../img/common/side-oartyplan-a.jpg) left top no-repeat; width:228px; height:98px; text-indent:-3000em; display:block; padding-bottom:0px;}
#Casebox .I-Case01 a:hover{background:url(../../img/common/side-oartyplan-b.jpg) left top no-repeat;}

#Casebox .I-Case02 a{background:url(../../img/common/side-staffblog-a.jpg) left top no-repeat; width:228px; height:98px; text-indent:-3000em; display:block; padding-bottom:0px;}
#Casebox .I-Case02 a:hover{background:url(../../img/common/side-staffblog-b.jpg) left top no-repeat;}

#Casebox .I-Case03 a{background:url(../../img/common/side-webmagazine-a.jpg) left top no-repeat; width:228px; height:98px; text-indent:-3000em; display:block; padding-bottom:0px;}
#Casebox .I-Case03 a:hover{background:url(../../img/common/side-webmagazine-b.jpg) left top no-repeat;}

#Casebox .I-Case04 a{background:url(../../img/common/side-access-a.jpg) left top no-repeat; width:228px; height:98px; text-indent:-3000em; display:block; padding-bottom:0px;}
#Casebox .I-Case04 a:hover{background:url(../../img/common/side-access-b.jpg) left top no-repeat;}

#Casebox .I-Case05 a{background:url(../../img/common/side-mobile-a.jpg) left top no-repeat; width:228px; height:98px; text-indent:-3000em; display:block; padding-bottom:0px;}
#Casebox .I-Case05 a:hover{background:url(../../img/common/side-mobile-b.jpg) left top no-repeat;}



/*

***********************************
*
*ページ表示枠
*
***********************************

*/

/*#Doc-Field { clear:both; margin:0px 0px 0px 0px; background-color:#F3F3F3; width:645px;}*/
#Doc-Field { clear:both; margin:0px 0px 0px 0px; width:645px;}


#Newsbox{ float:left; padding-left:4px; padding-top:8px; width:635px; height:auto;}
#Newsbox .Ntitle{ float:left; margin-left:0px; width:635px; height:49px; background:url(../../img/common/news-title.jpg) left top no-repeat; text-indent:-3000em; display:block;}
#Newsbox .Boxhead{ float:left; margin-left:0px; width:635px; height:29px; background:url(../../img/common/news-box1.jpg) left top no-repeat; text-indent:-3000em; display:block}
#Newsbox .Boxmidle{ float:left; margin-left:0px; width:635px; height:auto; background:url(../../img/common/news-box2.jpg) left top repeat; display:block}
#Newsbox .Boxfoot{ float:left; margin-left:0px; width:635px; height:29px; background:url(../../img/common/news-box3.jpg) left top no-repeat; text-indent:-3000em; display:block}
#Newsbox .Boximg{ float:left; margin-left:0px; width:65px; height:69px; text-indent:-3000em; display:block; font-size:90%;}
#Newsbox .Boxtitle{ float:left; margin-left:4px; width:516px; height:auto; display:block; color:#996600;}
#Newsbox .Boxtext{ float:left; padding-left:9px; width:511px; height:auto; display:block; color:#666666; font-size:80%; line-height:1.6em;}

/*

***********************************
*
*フッター
*
***********************************

*/

#Footer{ width:900px; height:170px; margin:0px; padding:0px 0px 0px 0px; clear:both; text-align:center;}

#F-Navi{display:inline;padding:0px; margin:0px; color:#FFFFFF;}
#F-Navi li{display:inline; text-align:left; margin:0px;padding:0px;}
#F-Navi li a{ color:#FFFFFF; text-decoration:underline;}
#F-Navi li a:hover{ color:#999999; text-decoration:none;}

/*ページトップ*/
#Pagetop{ width:900px; height:33px; margin:0px; padding:0px 0px 0px 0px; clear:both;}

#Pgtop a{ float:right;margin:6px 0px 6px 0px; background:url(../../img/common/pagetop.gif) right top no-repeat; width:103px; height:20px; text-indent:-1000em; clear:both;}

/*最下部*/
#Lownavi{
	font-size:11px;
	width:900px;
	height:170px;
	clear:both;
	text-align:left;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	 background:url(../../img/common/footer.jpg) left top no-repeat;
	background-position: center top;
}
#Lownavi .Fnavibox{width:900px; height:38px; margin:0px 0px 0px 0px; text-align:center; padding-top:30px; color:#996600;}
#Lownavi .Fnavibox a{text-decoration:none; color:#996600;}


/*フッダーボックスナビ*/
#F-Low{ float:left; width:900px; height:38px; margin:0px 0px 0px 0px;}






/*
 
***********************************
*
*WEB下層ページ設定
*
***********************************

*/

/*
 
***********************************
*
*パンくず
*
***********************************
*/

#pager{font-size:10px;}