@charset "utf-8";

/* 〓〓〓〓〓 CSS 〓〓〓〓〓 */

html,body{height:100%;}
#mainbox{width:860px;margin:auto;background:#fff url(../images/main_bg.gif);height:100%;min-height:100%;}
body > #mainbox{height:auto;}
html{overflow-y:scroll}
img{border:none;}
.clear{clear:both;width:1px;height:1px;}

form{margin:0;padding:0;}

/* 〓〓〓〓〓 CSS 〓〓〓〓〓 */

body{margin:0;font-size:8pt;background:#eee;font-family:"メイリオ","MeiryoKe_PGothic","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif}

a{color:#a40000;text-decoration:none;}
a:hover{color:#a40000;text-decoration:underline}

/* 〓〓〓〓〓 main */

.main{width:850px;margin:auto;text-align:center;}

/* 〓〓〓〓〓 header */
.header{height:420px;background:url(../images/topimages_01.jpg);}

/* 〓〓〓〓〓 footer */

.footer{padding:20px 0 50px 0;margin-top:20px;background:url(../images/double_bar.gif) no-repeat;}
ul#footer_menu{margin:0;padding:0;font-size:8pt}
ul#footer_menu li{display:inline;margin:0;padding:0 5px;}

/* 〓〓〓〓〓 contents area */

.contents{text-align:left;background:url(../images/topimages_02.jpg) no-repeat;}
*div.contents{height:100%;}
.cont_right{width:590px;float:left;padding-left:10px;display: inline; }
.cont_left{width:250px;float:left;display: inline; }

.pageswitch{text-align:center;padding-top:10px;}

/* 〓〓〓〓〓 side menu */

.sidemenu_head{width:250px;height:20px;background:url(../images/menu_head.gif);}
.sale_head{width:250px;height:20px;background:url(../images/sale_head.gif);}
.newitem_head{width:250px;height:20px;background:url(../images/newitem.gif);}

ul.side_menu{margin:0;padding:0;font-size:8pt;list-style-type:none;}
ul#side_menu li{margin:0;padding:0;width:220px;}

a.side_menu{display:block;width:220px;padding:8px 15px;font-weight:bold;border-bottom:1px solid #ddd;}
a:hover.side_menu{background:#a40000 url(../images/arrow.gif) 50% 50% no-repeat;color:white;text-decoration:none;width:200px;padding:8px 0 8px 50px;font-size:13pt;}

.blogmenu_head{width:250px;height:20px;background:url(../images/blog_header.gif);}

a.unini_newitem{margin:10px 15px;display:block;color:#333;}
a:hover{color:#0099ff;text-decoration:none;cursor:pointer;}
.unini_newitem2{float:left;width:100px;padding:5px;background:#ccc;}
.unini_newitem3{float:left;width:80px;padding-left:10px;}
dl.unini_newitemlist{margin:0;padding:0;line-height:1em;}
.unini_newitemlist dt{margin:0;padding:5px 0;font-weight:bold;}
.unini_newitemlist dd{margin:0;padding:0 0 0 3px;}
.dmmlogo{font-size:5pt;text-align:right;}

/* 〓〓〓〓〓 news topic */

div.top_news_text{width:494px;color:#000;padding:3px;float:left;}
div:hover.top_news_text{background:#ddd;}

.top_news{width:590px;height:20px;background:url(../images/news_head.gif);}
.top_news_topic{margin:2px 0 10px 0;}
.top_news_data{width:80px;color:#a40000;font-weight:bold;float:left;padding-left:10px;}
.top_news_img{background:#fff;border:1px solid #ddd;padding:5px;width:100px;float:left;}
.top_news_main{width:362px;padding:0 10px;float:left;}
.top_news_title{width:362px;font-weight:bold;margin-bottom:3px;}
.top_news_text2{width:362px;}

/* aboutus.php */

.top_aboutus{width:590px;height:20px;background:url(../images/aboutus_header.gif);}
.aboutus_cont{width:590px;height:300px;background:url(../images/aboutus_cont.gif);}

/* 〓〓〓〓〓 staff.php */

.top_staff{width:590px;height:20px;background:url(../images/staff_header.gif);}
.staff_cont{margin-top:1em;}

.staff_list{margin-left:15px;margin-bottom:1.5em;padding:5px;}
div:hover.staff_list{background:#eee;}

.staff_name{width:565px;font-weight:bold;color:#333;border-bottom:1px dotted #ddd;}
.staff_job{width:275px;padding-left:100px;color:#999;}

/* 〓〓〓〓〓 link.php */

.cont_text{margin:5px 0;padding:5px;border-bottom:1px solid #ccc;}

.top_link{width:590px;height:20px;background:url(../images/link_header.gif);}
.top_shop{width:590px;height:20px;background:url(../images/shop_header.gif);}
.link_cont{margin-top:1em;}

.link_web{margin:2px 0 5px 0;padding-bottom:5px;border-bottom:1px dotted #ddd;}
.link_thumb{background:#fff;border:1px solid #ddd;padding:5px;width:200px;float:left;}
.link_thumb img{border:0px;}
.link_main{width:348px;padding:0 10px;float:left;}
.link_title{width:348px;font-weight:bold;font-size:10pt;margin-top:5px;}
.link_url{width:348px;margin-bottom:5px;}
.link_url a{padding-left:12px;background:url(../images/link_mark.gif) 0% 50% no-repeat;}
.link_url a:hover{text-decoration:none;color:white;background:#a40000 url(../images/link_mark2.gif) 0% 50% no-repeat;}
.link_text{width:348px;}

/* 〓〓〓〓〓 items.php */

.top_item{width:590px;height:20px;background:url(../images/item_header.gif);}

.item_cont{margin:0;padding:5px 13px;border-bottom:1px solid #ccc;width:170px;float:left;}
.item_img{background:#fff;padding:5px;width:160px;height:160px;text-align:center;}
.item_main{line-height:1.4em;padding:0;width:170px;height:130px;over-flow:auto;}

.item_title{color:#666;font-size:8pt;font-weight:bold;margin-bottom:5px;padding-top:5px;}
.item_01{color:#999;font-size:8pt;}
.item_02{color:#999;font-size:8pt;}
.item_03{color:#999;font-size:8pt;}
.item_04{color:#999;font-size:8pt;margin-bottom:5px;}
.item_body{color:#999;font-size:8pt;}

/* 〓〓〓〓〓 blog */

.top_blog{width:590px;height:20px;background:url(../images/blog_head.gif);}

.admin_head{width:250px;height:20px;background:url(../images/admin_header.gif);}
.loginform, .adminform{padding:2px 7px;background:#eee;}
.logoinform input{width:150px;font-size:8pt;}
.logoinform label{font-size:8pt;}
.loginform2{padding:2px 14px;}

.blog_title{font-size:12pt;padding-bottom:5px;border-bottom:2px solid #a40000;margin-top:15px;}
.blog_title img{border:0;}
.blog_data{color:#a40000;padding:1px;font-size:8pt;}
.blog_author{color:#999;padding:3px 0;}
.blog_text{padding:8px 10px 10px 5px;line-height:1.5em}
.blog_text img{border:1px solid #ddd;padding:5px;}
.blog_comlink{color:#999;text-align:right;padding-right:15px;margin-bottom:25px;}

.blog_com{margin-left:5px;padding:8px 10px 10px 0px;line-height:1.5em;padding-top:30px;background:url(../images/com_top.gif) no-repeat;}
.commentform{padding-top:30px;background:url(../images/com_form_top.gif) no-repeat;}

/* 〓〓〓〓〓 form mail */

.top_mail{width:590px;height:20px;background:url(../images/mail_header.gif);}

.mail_form{margin:20px 15px;font-size:8pt;}

.contact_title{margin-top:10px;font-size:10pt;margin-bottom:5px;}
.hissu{color:#a40000;font-size:8pt;}
.hosoku{font-size:8pt;color:#666;}

.mail_text{font-size:10pt;color:#000066;padding:5px 10px 5px 10px;}
