@charset "euc-jp";

/* CSS Document */

body { margin:0; padding:0; text-align:center; color:#333; font-size:80%; line-height:135%;
	background: #319393 url(../parts/bg.jpg) no-repeat center top;}

table { border-collapse:collapse;  margin:0 auto; padding:0;}
td,th { margin:0 auto; padding:0;}

img { margin:0 auto; padding:0; vertical-align:top; border:none;}
ul,li,dl,dt,dd { margin:0; padding:0; list-style:none;}

a { color:#008080; text-decoration:underline;}
a:hover { color:#F90;}

hr { background-color:#FFF; border:none; color:#FFF; width:98%;}

.clear { clear:both;}

.left { text-align:left;}
.right { text-align:right;}
.center { text-align:center;}

.floatL { float:left; margin:0 auto; padding: 0;}
.floatR { float:right; margin:0 auto; padding: 0 0 0 10px;}

.imgL { float:left; margin:0 15px 0 auto; padding:0 0 15px 0;}
.imgR {
	float:right;
	margin:0 auto 0 15px;
	padding:0 25px 15px 0;
}


/* フォント-------------------- */

em { margin:0 2px 0 0; font-style:normal; background-color:#FFEB9B;}

.fGray { color: #666;}

.fb12 { font-size: 90%; font-weight: bold;}
.fb14 { font-size: 110%; font-weight: bold;}
.f10 { font-size: 85%;}
.small { font-size: 75%;}



/* ヘッダー ------------------ */
#head { width: 900px; margin:0 auto; padding:0; text-align: center;}
#head p a { color:#FFF;}

h1 { font-size: 100%; font-weight: normal; margin:0 auto; text-align: left; float: right; color: #438383; padding: 13px 230px 5px 0;}
h2,h3 { margin:0 auto; padding:0;}

#intro { margin:0 auto; clear: both; padding: 0 5px 0 0;}
#intro .logo { margin:0 auto; padding: 0; float: left;}



/* ヘッダナビ ------------------ */

#navi { clear:both; height:40px; margin:0 auto; padding:70px 0 0 0;}
#navi ul { width:380px; height:35px; margin:0 auto; padding: 0; float: right;}
#navi li { margin:0 auto; padding: 0; float: left;}
#navi li a { width:95px; height:35px; display: block; text-decoration: none; text-indent: -9999px;
	background: url(../parts/navi.jpg) no-repeat 0 0;}

#navi li#mn01 a { width: 105px; background-position:-520px 0;}
#navi li#mn02 a { width: 85px; background-position:-625px 0;}
#navi li#mn03 a { background-position:-710px 0;}
#navi li#mn04 a { background-position:-805px 0;}


#navi li#mn01 a:hover { background-position:-520px -42px;}
#navi li#mn02 a:hover { background-position:-625px -42px;}
#navi li#mn03 a:hover { background-position:-710px -42px;}
#navi li#mn04 a:hover { background-position:-805px -42px;}



/* コンテンツ ------------------ */
#content { width:900px; margin:0 auto 0 auto; padding:0 0 15px 0;}
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}



/* メイン ------------------ */
#main { float:left; width:675px; text-align:left; margin:0 auto; padding:0;}
#main h2 { padding:15px 0 0 0;}
#main h3.txt { text-indent:-9999px; margin:0 auto; padding:0; clear:both;}
#main p { margin:0 auto; padding:0 25px 1em 25px; line-height:150%;}
#main p.disclaimer { margin:0; float: right; padding: 0 25px 0 0;}



/* サイド ------------------------------------------------------------------- */
#side { float:right; width:210px;}

/* 会社情報 */
#company { width: 210px; text-align:left; color:#333; background:url(../parts/c_foot02.gif) no-repeat 0 bottom;
	margin: 0 auto 0 0; padding: 20px 0 5px 0;}
#company p { margin:0 auto; padding:0 0 5px 10px; background:url(../parts/bg_company.gif) repeat-y;}
#company p.inquiry a { width:191px; height:32px; display:block; text-indent:-9999px;
	background:url(../parts/bt_form.gif) no-repeat 0 0;}
#company p.inquiry a:hover { background-position:0 -40px;}







/* サイド ------------------ */

#side #area { margin:0 auto; width:210px; text-align:left; padding:20px 0 20px 0; font-size:90%;}
#side #area p { margin:6px 0 0 10px; padding:10px 0 0 0; border-top:1px dotted #FFF; color:#FFF;}



/* サイドメニュー */

#smn01 a,#smn02,#smn03 a,#smn04 a,
#side dl,#side dd a { display:block; background:url(../parts/smn_i.jpg) no-repeat 0 0;}


#smn01 a { background-position: 0 0; height:37px; text-indent:-9999px;}
#smn02 { background-position: 0 -37px; height:42px; text-indent:-9999px;}
#smn03 a { background-position: 0 -146px; height:64px; text-indent:-9999px;}
#smn04 a:link,#smn04 a:visited { background-position: 0 -210px; height:45px; text-indent:-9999px;}


#smn01 a:hover { background-position: -212px 0;}

#smn03 a:hover { background-position: -212px -146px;}
#smn04 a:hover { background-position: -212px -210px;}


#side a { color:#666; padding:0; text-decoration:none;}

#side a:hover { color:#F90; text-decoration:underline;}

#side dl { background-position:left bottom; margin: 0 auto 3px auto; padding: 0 0 12px 0;}
#side dt a { height:42px; text-indent:-9999px;}
#side dd a { margin:0 auto; padding:0 10px 5px 33px; text-align:left; background-position:0 -79px;}



/* pagetop ------------------ */
#pagetop { width: 900px; padding: 0; clear: both; text-align: right; margin: 0 auto 0 auto;}

/* メイン ------------------------------------------------------------------- */

#main { background:url(../parts/bg_main.gif) repeat-y 0 0;}

#main ul { width:625px; padding:0; margin: 0 25px 25px 25px; line-height:160%;}
#main li { padding: 0 0 0 20px; margin: 0; background: url(../parts/li_03.gif) no-repeat 2px 3px;}

#main dl { width:625px; padding:0; margin: 0 25px 25px 25px;}

#main table { width:625px; padding:0; margin: 0 25px 10px 25px; border:none;}


#mainFoot { clear:both; float:left; width:675px; height:30px;
	background:url(../parts/main_foot.gif) no-repeat 0 0;}

#main h3 { clear:both; margin:0 25px 15px 25px; padding:40px 0 3px 0; font-size:130%; color:#666;
	border-bottom:1px dotted #7BA8A8;}

#main h4 { clear:both; font-size:110%; color:#333333; margin:15px 25px 5px 20px; padding:0 0 3px 20px;
	background: url(../parts/li_05.gif) no-repeat 1px 0;}

#main h5 { clear:both; font-size:100%; color:#F60; font-weight: bold; background-image: none;
	margin: 10px 25px 0 25px; padding: 0 0 10px 0;}





/* パンくず */
#pankuzu { color:#666; margin:0 auto; padding:5px 0 0 25px; font-size:85%;}
#pankuzu a { color:#438383; font-size:120%;}



/* h2 */
#content h2 { clear:both; display:block; width:675px; height:90px; margin:0 auto; padding:0; text-indent:-9999px;
	 background:url(../parts/title.jpg) no-repeat 0 0;}

#content .netshop h2 { background-position:0 -100px;}
#content .gourmet h2 { background-position:0 -200px;}
#content .low h2 { background-position:0 -300px;}
#content .education h2 { background-position:0 -400px;}
#content .school h2 { background-position:0 -500px;}
#content .food h2 { background-position:0 -600px;}
#content .coordination h2 { background-position:0 -700px;}
#content .reform h2 { background-position:0 -800px;}
#content .estate h2 { background-position:0 -900px;}
#content .technology h2 { background-position:0 -1000px;}
#content .hospital h2 { background-position:0 -1100px;}
#content .beauty h2 { background-position:0 -1200px;}
#content .industry h2 { background-position:0 -1300px;}
#content .culture h2 { background-position:0 -1400px;}
#content .trading h2 { background-position:0 -1500px;}

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

#foot-navi { clear:both; margin-right: auto; margin-left: auto; width: 650px; padding-top: 30px;}





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

#foot { clear:both; width:100%; height:125px; text-align:left; line-height:180%; color:#666;
	background:#EEE url(../parts/footer.gif) no-repeat center bottom;}
#foot a { padding:0 5px; color:#666; text-decoration:none;}
#foot a:hover { color:#F90; text-decoration:underline;}

#service { width:900px; margin:0 auto; padding-top:10px; font-size:90%;}
#service, #service ul, #service dl { width:900px; margin:0 auto; line-height:150%;}
#service ul { height:30px;}
#service li { float:left;}
#service li a { padding:0 5px;}
#service dl { clear:both; float:left; width:900px;}
#service dt { clear:both; float:left; font-weight:bold; width: 75px; padding: 0 5px;}
#service dd { float:left; display: block; margin: 0 5px 0 0; padding: 0; text-align: center;}
#service dd a { padding:0 10px 0 5px;}

#copy { clear:both; float:right; width:200px; height:28px; text-indent:-9999px;}
#copy a { display:block;}



/* ポータル ------------------ */

#content .portal h2 { background-position:0 0;}
#content .portal div.box-lc { float: left; width: 175px; height:120px; padding: 5px 26px 0 26px; margin: 0 0 20px 0;}
#content .portal div.box-r { float: left; width: 175px; height:120px; padding: 5px 0 0 26px; margin: 0 0 20px 0;}
#content .portal div.box-r:after { display:block; clear:both; height:0px; visibility:hidden; content:".";}

#content .portal p.txt { margin: 0; font-size: 10px; font-weight: normal; color: #666666; padding: 5px;}
#content .portal div.bt-category { margin: 0; font-size: 12px; font-weight: normal; width: 110px; float: right;
	padding: 0 10px 0 0; text-align: right;}




/* カテゴリー ------------------ */


#content div.box01 { clear: both; padding: 0 25px 10px 25px;}
#content div.box01:after { display:block; clear:both; height:0px; visibility:hidden; content:".";}

#content p.name { margin: 0; padding: 0; font-size: 14px; font-weight: bold;}
#content .place { margin: 0; font-size: 12px; font-weight: normal; padding: 0 0 0 10px; color: #666666;}

#content p.txt01 { margin: 0; font-size: 12px; font-weight: bold; color: #666666; padding: 5px 0 0 0;}
#content p.txt02 { margin: 0 0 0 240px; font-size: 12px; font-weight: normal; color: #666666; padding: 5px 0 10px 0;}
#content div.bt-hp { margin: 0; font-size: 12px; font-weight: bold; width: 80px; float: right;
	background: url(../parts/li_04.gif) no-repeat 5px #98C9C9; text-indent: 18px;
	color: #003333; padding: 3px; border: 1px solid #003333;}
#content div.bt-hp a:hover { color:#Fff; text-decoration:underline;}


#content div.box01 img.imgL { margin: 0 15px 15px 4px !important; padding:0 !important;} 
#content div.box01 img { width:220px; max-height:120px; box-shadow:0px 0px 3px 1px #CCC;}