@charset "utf-8";

/*---------------------------------------------
01. *, body
---------------------------------------------*/
*      { margin: 0px; padding: 0px; font-size: 100%; }
body   { color: #555555; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif; text-align: left; background-color: #ffffff; }


hr     { display: none; }
img    { border: none; vertical-align: middle; }
sup, sub { font-size: 80%; }

a { overflow: hidden }
a:link            { color: #555555; text-decoration: underline; }
a:visited         { color: #555555; text-decoration: underline; }
a:hover, a:active { color: #555555; text-decoration: underline; }

/*---------------------------------------------
02. header
---------------------------------------------*/
#header         { width: 100%; height: 140px; margin: 0px; background: url(../imgs/base/header.jpg)  0 0 no-repeat;}
#headerIn         { width: 950px; height: 80px; margin: 0px; background: url(../imgs/base/header-in.jpg)  0 0 no-repeat; }
#headerLogo     { width: 348px; height: 80px; }
#headerLogo h1,
#headerLogo p   { width: 348px; height: 80px; position: relative; top: 0px; left: 0px; }
#menu	{ width: 950px; height: 30px; margin: 0px; padding: 0px;}
#menu td	{ font-size: 80%; text-align: center; font-weight: bold;}
#menu td a:link, a:visited	{ text-align: center; font-weight: normal; text-decoration: none; }
#menu td a:hover, a:active	{ text-align: center; font-weight: bold; text-decoration: none; }
/*---------------------------------------------
03. main
---------------------------------------------*/
#content { width: 950px; margin: 0px ; padding: 0; text-align: left; }
#pan	{width: 960px; margin: 0 0 10px 10px; }
#pan ul{ margin: 0; padding: 0; list-style-type: none;}
#pan li{ float: left; margin: 0 0 auto 5px; font-size:80%; }
.cl	{clear: both;}
#mainLeft { float: left; width: 200px; margin: 15px 15px 15px 10px; padding: 0; text-align: left; }
#obj	{ width: 198px; height: 198px; border: 1px #CCCCCC solid; margin: 0px; margin: 0px;}#mainLeft ul { margin: 0px; padding: 0px; list-style-type: none; }
#mainLeft li { width: 190px; height: 20px; color: #ffffff; font-size:80%; margin: 5px 0 0 0; padding: 3px 0 0 10px; background: url(../imgs/base/gr_bg.gif)  0 0 no-repeat; }
.mobile	{ width: 200px; margin: 10px 0 10px 0;}
.mobile	p{ width: 190px; margin: 5px; font-size:70%;}
#mainLeft a:link            { color: #ffffff; text-decoration: none; }
#mainLeft a:visited         { color: #ffffff; text-decoration: none; }
#mainLeft a:hover, a:active { color: #ffffff; text-decoration: underline; }
#mainCenter { float: left; width: 500px; margin: 15px 0px; padding: 0; text-align: left; }
#news	{ width: 500px; margin: 0; padding: 0; font-size: 80%; background: url(../imgs/news_body.gif)  0 0 repeat;}
#news-head	{ width: 500px; height: 25px; margin: 0; padding: 0; background: url(../imgs/news_title.gif)  0 0 no-repeat;}
#news-head h2	{ margin-top: 5px; margin-left: 10px; padding: 0;}
#news-body	{ width: 470px; margin: 0; padding: 15px 15px 0 15px; background: url(../imgs/news_body.gif)  0 0 repeat;}

#news-body ul { margin: 5px 0 5px 10px; list-style-type: none;}
#news-body li { margin: 0; padding: 0 0 4px 0; font-size: 90%; }


.news-more	{ width: 74px; height: 10px; margin: 5px 0 0 390px ; padding: 5px 0; font-size: 80%; text-align: center; background: url(../imgs/news_more.jpg)  0 0 no-repeat;}
#news-foot	{ width: 500px; height: 10px; margin: 0; padding: 0; background: url(../imgs/news_foot.gif)  left bottom no-repeat;}
#search {width:490px; height:369px; margin:10px 0; padding:5px; background: url(../imgs/search_bg.gif)  0 0 no-repeat;}
#search h3{margin:5px;}
#search ul {overflow:hidden; width:486px; margin:10px 0 10px 4px; list-style:none;}
#search li {width:237px; margin-right:6px;margin-bottom:10px; float:left;}


#rosen	{ width: 498px; height: 198px; margin: 10px 0 0 0; padding: 0; border: 1px solid #dddddd; background-color: #eeeeee;}
#rosen h2	{ font-size: 80%; margin: 10px;}
.rosenzu	{ width: 160px; float: left; margin: 2px;}
.rosenzu p	{ margin: 5px; font-size: 80%;}
#bannerL	{ width: 248px; text-align: left; float: left; margin: 5px 0; padding: 0; }#bannerR	{ float: right; width: 248px; text-align: right; margin: 5px 0; padding: 0;}
#mainRight { float: right; width: 180px; margin: 15px 10px; padding: 0; text-align: left; }
#mainRight img { margin: 0 0 5px 0; padding: 0; }

.red{
color:#cc0000;
}

#tax0401 {
width:100%;
text-align:center;
margin:10px 0 0 0;
}


/*---------------------------------------------
04. footer
---------------------------------------------*/
#footer         { clear: both; width: 100%; height: 74px; margin: 0px; background: url(../imgs/base/footer.gif)  0 0 repeat;}
#footer-l         { float: left; width: 80px; margin: 15px 0px; text-align: right; }
#footer-c         { float: left; width: 600px; margin: 15px 0px; text-align: left; }
#footer-r         { float: left; width: 350px; height: 40px; margin: 15px 0px; text-align: right; }
#footer-c ul { margin: 5px 0 5px 10px; list-style-type: none;}
#footer-c li { float: left; margin: 0; padding: 0 0 5px 0; font-size: 80%; border-bottom: 1px solid #1A9481; }
#footer-ci	{ width: 100%; margin: 5px; }
#footer-c a:link            { color: #057C76; text-decoration: none; }
#footer-c a:visited         { color: #555555; text-decoration: none; }
#footer-c a:hover, a:active { color: #057C76; text-decoration: underline; }