@charset "utf-8";

/* CSS Document */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
* {margin:0;padding:0;}

body,div,ol,ul,dl{margin:0px; padding:0px;}
p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0px; padding:0px; font-size:100%;}
body {
width: auto;
margin:0 auto;
font-size: 75%;
line-height:1.5;
background-color:#FFF;
color: #585858;
font-style: normal;
font-weight: normal;
letter-spacing:0.04em;
padding: 0;
border-color:#CCCCCC;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
a:link{color:#0099CC; text-decoration:underline;}
a:visited{color:#0099CC; text-decoration:underline;}
a:hover{color:#0099CC; text-decoration:underline;}

dl{margin:5px 0;}

h1{width:150px; height:107px; float:left; margin:0; padding:0;}
h2{width:650px; height:40px; margin-bottom:10px; padding:0;}
h3{width:615px; height:25px; background:url(../img/common/sub_t_bg.gif); padding:0 0 0 15px; margin:10px 0 0 0; font-size:14px; font-weight:bold; color:#0099CC; line-height:20px;} 
h4{width:270px; height:35px; margin-top:5px; padding:0;}

img{border:0;}
.result{width:630px; height:20px; margin:0 auto; padding:20px 0; text-align:center; font-size:14px; font-weight:bold; color:#FF3366;}
.result2{width:630px; height:20px; margin:0 auto; padding:20px 0; text-align:center; font-size:14px; font-weight:bold; color:#FF0000;}

#wrapper{width:968px; min-height:100%; height:auto !important; height:100%;/*ie6*/ margin:0 auto; padding:0px; background:url(../img/common/wrapper_bg.gif) repeat-y;}
#main{width:930px; height:auto; padding:5px 19px 100px 19px; margin:0 auto;}
#contents{width:930px; height:auto; padding:0px 0px 20px 0px; margin:0;}

/* ヘッド部 */
#headwrap{width:968px; height:110px; margin:0 auto; padding:0px 0px 0px 0px;}
#head{width:930px; height:107px; margin:0 auto; padding:0px 19px 3px 19px; clear:both;}
#head_contents{width:780px; height:107px; margin:0; padding:0px; float:right;}
#head_contents .head_r{white:780px; height:65px; margin:0; padding:0;}
#head_menu{width:780px; height:32px; margin:10px 0px 0px 0px; padding:0px; text-align:left; clear:both;}
#head_menu ul{width:660px; height:20px; margin:0; padding-top:5px; text-align:right; font-size:10px; float:right;}
#head_menu li{margin:0; padding:0; border-right:1px solid #ccc; display:inline; padding:0 10px;}
#head_menu li.lastchild{border:none;}
#head_menu a:link{color:#333; text-decoration:none;}
#head_menu a:visited{color:#333; text-decoration:none;}
#head_menu a:hover{color:#333; text-decoration:underline;}

/* 左サイドメニュー部 */
#side_m{width:270px; height:auto; margin:0; padding:0; float:left; display:inline;}
#side_m .left_txt{font-size:10px; margin-bottom:5px;}
.side_box{width:268px; height:auto; padding:0px; border:1px solid #CCCCCC;}
.side_box table{width:268px; height:auto; margin:0; padding:5px;}
.side_box td{padding:5px;}
.side_boxlog{width:258px; height:auto; padding:5px; border:1px solid #CCCCCC;}
.side_boxlog p{margin:0 0 10px 0; padding:0;}
.side_boxlog .left_logout{margin:0 auto; text-align:center;}
.side_boxlog #shop_logout{width:165px; margin:0 auto; text-align:center; clear:both;}
.side_boxlog #shop_logout img{float:left;}

.side_y_box{width:270px; height:auto; margin-bottom:5px; padding:0px; background:url(../img/common/left_boxbg.gif) no-repeat left bottom; clear:both;}
.side_y_box .search_txt{width:250px; height:auto; margin:0; padding:10px; clear:both;}
.side_y_box .search_form{width:250px; height:20px; margin:0; padding:0; clear:both;}
.side_y_box .search_form02{width:250px; height:auto;  margin-top:5px; padding:0; clear:both;}
.side_y_box .search_form02 span{height:20px; margin-bottom:3px; padding:0; color:#000; display:block;}
.side_y_box .m_form{float:left; width:170px; height:auto; margin:0px; padding:0; display:block;}
.side_y_box .r_search{width:60px; height:20px; padding:0; margin-left:5px; float:right; display:block;}
.side_y_box .r_search02{width:250px; height:auto; text-align:right; margin-top:5px; padding:0; clear:both;}
.side_y_box .s_input{width:90px; height:15px; size:10px;}
.side_y_box .left_search_ex{width:250px; height:auto; text-align:right; margin-top:5px; padding:0; font-size:10px; clear:both;}

.base_txt{margin:10px 25px; padding:0; letter-spacing:0.06em;}
.left_support{width:250px; height:70px; margin-bottom:5px; padding:30px 10px 10px 10px; background:url(../img/common/left_support.gif) no-repeat; text-align:center;}
.left_patent{width:250px; height:65px; margin-bottom:5px; padding:35px 10px 20px 10px; background:url(../img/common/left_patent.gif) no-repeat; text-align:center; font-weight:bold; color:#FF3366;}


/* フォント */
.f14{font-size:14px;}
.f15_b{font-size:15px; font-weight:bold;}
.fblue_b{font-size:13px; color:#0099CC; font-weight:bold; margin:0 0 10px 0; padding:0;}
.m0{margin:0; padding:0;}
.m10{margin:10px;}
.mt10{margin:10px 0 0 0;}
.ml10{margin:0 0 0 10px;}
.mb10{margin:0 0 10px 0;}
.mb20{margin:0 0 20px 0;}
.mb30{margin:0 0 30px 0;}
.mb40{margin:0 0 40px 0;}
.mb50{margin:0 0 50px 0;}
.mb60{margin:0 0 60px 0;}
.mb11{margin:0 0 0 0;}
.mtb10{margin:10px 0;}
.mt10b5{margin:10px 0 5px 0;}
.mlr5{margin:0 5px;}
.mt5{margin:5px 0 0 0;}
.ml5{margin:0 0 0 5px;}
.mr5{margin:0 5px 0 0;}
.mb5{margin:0 0 5px 0;}
.mtb5{margin:5px 0;}
.mt20{margin:20px 0 0 0;}
.ml25{margin:0 0 0 25px;}
.blue{color:#0099CC; font-weight:bold;}
.green{color:#009933; font-weight:bold;}
.red{color:#CC0000;}
.blue_l{color:#0099CC; font-weight:bold; padding-left:5px;}
.pink{color:#FF3366; font-weight:bold;}
.f14_pink{font-size:14px; color:#FF3366; font-weight:bold;}
.f14_pink a:link{font-size:14px; color:#FF3366; font-weight:bold; text-decoration:underline;}
.f14_pink a:visited{font-size:14px; color:#FF3366; font-weight:bold; text-decoration:underline;}
.f14_pink a:hover{font-size:14px; color:#FF3366; font-weight:bold; text-decoration:underline;}
.f14_blue{font-size:14px; color:#0099CC; font-weight:bold;}

.f20_pink{font-size:20px; color:#FF3366; font-weight:bold; margin:0; padding:0;}
.b{font-weight:bold;}
.fl{float:left;}
.fr{float:right;}

.bg_b{background-color:#F1FCFF;}
.bg_g{background-color:#EDF9DF;}
.bg_p{background-color:#F7EDF3;}
.center{text-align:center;}

/* form */
.form_w400bb{width:400px; height:100px;}
.form_w400sb{width:400px; height:15px;}
.form_w400ss{width:400px; height:15px; margin:0 0 5px 0;}
.form_w300sb{width:300px; height:15px;}
.form_w300ss{width:300px; height:15px; margin:0 0 5px 0;}
.form_w220sb{width:220px; height:15px;}
.form_w220ss{width:220px; height:15px;}
.form_w200sb{width:200px; height:15px;}
.form_w200ss{width:200px; height:15px;}
.form_w180sb{width:180px; height:15px;}
.form_w170sb{width:170px; height:15px;}
.form_w170{width:170px; height:20px;}
.form_w160sb{width:160px; height:15px; margin:0 5px 0 0;}
.form_w150sb{width:150px; height:15px;}
.form_w150ss{width:150px; height:15px; margin:0 0 5px 5px;}
.form_w90sb{width:90px; height:15px; margin:0 5px 0 0;}
.form_w90{width:90px; height:20px; margin:0;}
.form_w80sb{width:80px; height:15px;}
.form_w70sb{width:70px; height:15px;}
.form_w40sb{width:40px; height:15px;}
.form_w40ss{width:40px; height:15px; margin:0 0 0 5px;}
.form_w40sl{width:40px; height:15px; margin:0 0 0 5px;}
.form_w30sl{width:30px; height:15px; margin:0 0 0 5px;}
.form_w30ss{width:30px; margin:0 0 0 5px;}

/* list_page */
#list_page {clear:both; width:630px; height:20px; margin:10px 0px; padding:0; clear:both;}
#list_page ul{line-height:20px; margin:0; padding:0; list-style-type:none; float:right;}
#list_page li{float:left; display:inline;}
#list_page a{margin:0px 5px; color:#666666;}
#list_page .on_page{font-weight:bold; color:#FF3366; margin:0px 5px;}

/* clearfix */
.clearfix:after {content: ".";  /* 新しい要素を作る */ display: block;  /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ }

/* footer */
#footerwrap{width:968px; height:90px; margin:-90px auto 0 auto; padding:0px; background:url(../img/common/foot_bg.gif) no-repeat; text-align:center; position:relative; clear:both;}
#footer{width:930px; height:90px; margin:0; padding:0px 19px;}
#footer .footer_menu{width:930px; height:20px; margin:0; padding:10px 0px 0px 0px; text-align:left;}
#footer .footer_menu ul{width:930px; margin:0; padding:0; text-align:left; font-size:10px;}
#footer .footer_menu li{margin:0; padding:0; border-right:1px solid #ccc; display:inline; padding:0 10px;}
#footer .footer_menu li.lastchild{border:none;}
#footer .footer_menu a:link{color:#333; text-decoration:none;}
#footer .footer_menu a:visited{color:#333; text-decoration:none;}
#footer .footer_menu a:hover{color:#333; text-decoration:underline;}
#footer .footer_menu a:active{color:#333; text-decoration:underline;}
#footer .footer_copy {width:930px; height:30px; margin:0 auto; padding-top:20px; text-align:center; color:#999;}


/* pankuzu */
#pankuzu {width:640px; height:20px; margin-bottom:10px; padding:0px 5px; font-size:10px;}
