@charset "utf-8";

/*base
/////////////////////////////////////////////////////////////////////////////*/
body{color: #333333; text-align: center; font-size: 12px; font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Geneva, Arial, Verdana, sans-serif;}
a:link {color: #454545; text-decoration: none;}
a:visited {color: #454545; text-decoration: none;}
a:hover {color: #ff3366; text-decoration: none;}
a:active {color: #454545; text-decoration: none;}

*{margin:0px; padding:0px; line-height: 150%;}
img{border: 0px;}
ul,ol{list-style-type: none;}
h1,h2,h3,h4,h5,h6{font-size: 12px; font-weight: normal;}
table{border-collapse: collapse;}
th{font-size: 12px; text-align: left; padding: 5px;}
td{font-size: 12px; text-align: left; padding: 5px;}
.nobg{background-image: none!important;}

/*clearfix*/
.cf:after{content: ""; display: block; clear: both;height: 0px;}
.cf{/display: inline-block;}

#page{width: 860px; margin: auto; text-align: left;}

#head{height: 86px; background: url(../common/head_bg.gif) no-repeat; position: relative;}
#head h1{padding: 5px 20px; color: #333333;}
#head h2{position: absolute; top: 25px; left: 20px;}
#head ul{position: absolute; top: 5px; left: 700px;}
#head li{float: left; padding-right: 20px; font-size: 11px;}
#head li a{display: block; line-height: 20px; color: #000000;}
#head li a:hover{text-decoration: underline;}
#head li.home a{background: url(../common/icon_home.gif) no-repeat left 4px; text-indent: 18px;}
#head li.mail a{background: url(../common/icon_mail.gif) no-repeat left 4px; text-indent: 18px;}

#foot{height: 38px; background: url(../common/foot_bg.gif) repeat-x 0px 0px;}
#foot ul li{float: left; padding: 10px 5px;}
#foot .copy{float: right; padding: 10px;}



#mainView{padding-bottom: 14px; background: url(../common/mainview_bottom.gif) repeat-x left bottom; width: 860px; height: 245px;}
#leftColumn{float: left; width: 220px;}
#mainColumn{float: left; width: 640px;}
.innerColumn{padding: 0px 10px; margin-bottom: 20px;}


#leftColumn .menuList{width: 100%; background: url(../common/navi_bg.gif) repeat-y 0px top; margin-bottom: 10px;}
#leftColumn .menuList .innerList{background: url(../common/navi_head.gif) no-repeat 0px top; padding-top: 10px;}
#leftColumn .menuList ul{background: url(../common/navi_foot.gif) no-repeat 0px bottom; padding-bottom: 10px;}
#leftColumn .menuList li{margin: 0px 17px; background: url(../common/line_dot.gif) repeat-x 0px bottom;}
#leftColumn .menuList li a{padding: 8px 0px; display: block; cursor: pointer;}
#leftColumn .menuList li span{display: block;}
#leftColumn .menuList li .icon{color: #ff3366; float: left;}
#leftColumn .menuList li .label{padding-left: 15px;}
#leftColumn .banner{margin-top: 20px;}
#leftColumn .banner li{padding-bottom: 15px;}
#leftColumn .gotoHome{padding-bottom: 10px;}

#orgBrand ul{margin: 12px 0px 30px -5px; width: 615px;}
#orgBrand li{float: left; width: 205px;}
#orgBrand li .innerList{margin-left: 15px;}
#orgBrand li h4{margin: 2px 0px; font-size: 12px; text-indent: 12px; margin-left: -12px;}
#orgBrand li a{color: #ff3366;}
#orgBrand li .btn{margin-top: 5px; display: block;}

#newsList ul{margin: 12px 5px; line-height: 15px;}
#newsList li{padding: 5px 0px; background: url(../common/line_dot.gif) repeat-x 0px bottom;}
#newsList li span{display: block;}
#newsList li span.date{background: url(../common/icon_arrow.gif) no-repeat left center; margin-left: 5px; text-indent: 10px; padding-right: 10px; float: left;}
#newsList li span.txt{padding-right: 10px; padding-left: 100px;}

#brandData .dataBox{border: 10px solid #ef8eae; margin-bottom: 10px; padding: 10px;}
#brandData .dataBox h3{color: #cc0066; text-align: center; font-size: 16px; font-weight: bold; background-color: #fce8ef; padding: 5px;}
#brandData .dataBox .img{float: right; padding-left: 15px;}
#brandData .dataBox .text{padding: 10px;}
#brandData .dataBox .btn{text-align: center; margin-top: 10px;}


#brandItem{background: #ef8eae url(../common/layer_itembg.gif) repeat-x 0px 0px; padding: 10px 10px 1px;}
#brandItem .itemBox{background-color: #ffffff; margin-bottom: 10px; padding: 10px;}
#brandItem .itemBox .link{float: left; padding-right: 10px;}
#brandItem .itemBox .link .btn{padding-top: 10px;}
#brandItem .itemBox h3{font-size: 16px; font-weight: bold;}
#brandData .itemBox .text{padding: 10px;}