@charset "UTF-8";

/* --
Reset
------------------------- */
*{
  margin:0px;
  padding:0px;
}
h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,blockquote,cite,q,address {
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
}

/* ---
Common
----------------------------------------------- */
img{ border-style: none; }
/* -- ボーダー付き画像 -- */
img.onborder{
  padding:3px;
  border:1px solid #E0940A;
}
/* -- 画像左寄せ -- */
img.leftImg{ float:left;clear:left; }
/* -- 画像右寄せ -- */
img.rightImg{ float:right;clear:right;margin-right:10px; }
/* -- 画像中央寄せ -- */
img.centerImg{ margin:0 auto;text-align:center; }
/* -- 画像上下マージン --*/
img.marginImg{ margin-top:10px;margin-bottom:10px; }

/* --- clear --- */
div:after {
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* ---
Layout
------------------------------------------------ */

/* -- index_body -- */
body {
  font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
  color: #333333;
  background-color:#100400;
  background-image:url(http://www.briller.co.jp/img/common/body_bg.jpg);
  background-position:center top;
  background-repeat:repeat-x;
  text-align: center;
}
/* -- content_body -- */
body#body_content {
  font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
  color: #333333;
  background-color:#100400;
  background-image:url(http://www.briller.co.jp/img/common/body_bg2.jpg);
  background-position:center top;
  background-repeat:repeat-x;
  text-align: center;
}
div#banner{
  width:800px;
  height:29px;
  line-height:29px;
  font-size:12px;
  margin:0px auto;
  text-align:left;
  color:#1e0d04;
}
/* --- index-header --- */
div#header {
  width:1198px;
  height:330px;
  background-color:transparent;
  background-image:url(http://www.briller.co.jp/img/common/header_bg.jpg);
  background-position:left bottom;
  background-repeat:no-repeat;
  margin:0px auto;
  text-align: left;
}
/* --- contents-header ---*/
div#header2 {
  width:1198px;
  height:229px;
  background-color:transparent;
  background-image:url(http://www.briller.co.jp/img/common/header_bg2.jpg);
  background-position:left bottom;
  background-repeat:no-repeat;
  margin:0px auto;
  text-align: left;
}
div#content {
  width:1198px;
  font-size: 100%;
  color: #333333;
  background-color:transparent;
  background-image:url(http://www.briller.co.jp/img/common/content_bg.jpg);
  background-position:left top;
  background-repeat:repeat-y;
  text-align: center;
  margin:0px auto;
}
div#content-inner{
  width:1198px;
  background-color:transparent;
  background-image:url(http://www.briller.co.jp/img/common/inner_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:0px auto;
}
div#content2-inner{
  width:1198px;
  background-color:transparent;
  background-image:url(http://www.briller.co.jp/img/common/inner_bg2.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:0px auto;
}

div#wrapper{
  width:800px;
  margin:0px auto;
  background-color:transparent;
}
div#main,
div#content-main {
  font-size: 80%;
  color: #333333;
  background-color:transparent;
  text-align: left;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 20px;
  float: right;
}
div#main{ width:800px; }
div#content-main{ width:570px;margin-top:20px; }

/* 見出し */
div#main h2 {
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 130%;
	font-weight: bold;
	color: #333333;
	background-color: #ffffff;
	margin-top: 15px;
	padding-top: 5px;
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding-bottom: 3px;
	clear: both;
}
div#content-main h2{
  font-size:20px;
  font-weight:bold;
  background-image:url(http://www.briller.co.jp/img/common/h2.jpg);
  text-indent:20px;
  letter-spacing:0.2em;
  display:block;
  margin-bottom:20px;
  width:566px;
  height:71px;
  line-height:71px;
  color:#ffffff;
}
div#content-main h3{
  display:block;
  width:563px;
  height:30px;
  font-size:18px;
  font-weight:bold;
  background-image:url(http://www.briller.co.jp/img/common/h3.jpg);
  background-position:left bottom;
  background-repeat:no-repeat;
  text-indent:20px;
  margin:10px auto;
  clear:both;
}
div#content-main h3.sub{
  width:300px;
  height:30px;
  font-size:18px;
  font-weight:bold;
  background-image:url(http://www.briller.co.jp/img/common/h3_sub.jpg);
  background-position:left bottom;
  background-repeat:no-repeat;
  text-indent:20px;
  margin:10px auto;
  float:left;
}
div#content-main h4{
  height:29px;
  line-height:29px;
  font-size:16px;
  font-weight:bold;
  background-image:url(http://www.briller.co.jp/img/common/h4.jpg);
  background-repeat:no-repeat;
  text-indent:20px;
  margin:10px auto;
  text-align:left;
}
div#content-main h5{
  font-size:12px;
  font-weight:bold;
  background-image:url(http://www.briller.co.jp/img/common/h5.jpg);
  background-repeat:no-repeat;
  text-indent:20px;
  color:#e68d02;
  margin:10px auto;
}
div#content-main a h5{
  font-weight:normal;
  letter-spacing:0.2em;
  text-indent:0px;
  padding-left:16px;
  background-image:url(http://www.briller.co.jp/img/common/h5.jpg);
  background-repeat:no-repeat;
  background-position:0px 10px;
  border-bottom:1px dashed #999999;
  padding-bottom:4px;
  color:#996600;
}
div#content-main a h5:before{
  content:url(http://www.briller.co.jp/img/common/q.gif);
  color:#131313;
  font-weight:bold;
  font-size:16px;
}

div#content-main h6{
  font-size:12px;
  font-weight:bold;
  background-image:url(http://www.briller.co.jp/img/common/h6.jpg);
  background-repeat:no-repeat;
  text-indent:36px;
  color:#724414;
  margin:10px auto;
}




div#main h3 {
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 120%;
	font-weight: bold;
	color: #333333;
	background-color: #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	clear: both;
}

div#sub {
  font-size: 100%;
  color: #333333;
  background-color:transparent;
  text-align: left;
  margin:0px 0px 20px 0px;
  width: 230px;
  float: left;
  clear:left;
  letter-spacing:0.1em;
}
div#footer {
  font-size: 100%;
  color: #333333;
  background-color:transparent;
  background-image:url(http://www.briller.co.jp/img/common/footer_bg.jpg);
  background-position:left bottom;
  background-repeat:repeat-x;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width:100%;
  height:139px;
  clear: both;
  position:relative;
}
/* --
banner
---------------------------- */
div#banner .inner h1{
  color:#100400;
}
div#banner .inner h1 a{
  text-decoration:none;
  color:#1e0d04;
}
div#banner .inner h1 a:hover{
  text-decoration:underline;
}

/* ---
header
---------------------------- */

div#header .inner {
  width:1200px;
  height:330px;
  margin:0px auto;
}
div#header2 .inner {
  width:1200px;
  height:230px;
  margin:0px auto;
}


div#header h1 {
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 160%;
	font-weight: bold;
	margin-top: 20px;
	padding-top: 0px;
	margin-left: 0;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

div#header h1 a {
	text-decoration: none;
	color: #333333;
	background-color: #ffffff;
}

div#header img a {
	margin: 0px;
	border: none;
}

div#header p {
	font-size: 80%;
	color: #333333;
	background-color: #ffffff;
	line-height: 140%;
	margin-top: 5px;
	padding-top: 0px;
	margin-left: 0;
	margin-bottom: 5px;
	padding-bottom: 0px;
}

/* ---
Content
--------------------------------------- */

div#main .inner{
	padding-left: 10px;
	padding-right: 10px;
}
div.entry p{
  line-height:160%;
  padding:6px;
  margin-left:10px;
}

/* ハイパーリンク */
div#main a,
div#content-main a {
	text-decoration: none;
	color: #100400;
}

div#main a:hover,
div#content-main a:hover {
	text-decoration: underline;
	color: #100400;
}
/* 段落 */
div#main p {
	line-height: 20px;
	margin: 0px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
}

div#main .posted img {
	border: none;
	margin-bottom: -5px;
}

/* ---
sidebar
--------------------------- */

div#sub .inner {
	padding-left: 10px;
	padding-right: 10px;
}
div#sub img{
  margin:10px auto;
}

div#sub a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}
	
div#sub ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

div#sub ul li {
	font-size: 75%;
	padding-top: 2px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 3px;
  text-indent:24px;
  line-height:63px;
}

div#sub ul li a {
  display:block;
  width:206px;
  height:63px;
	text-decoration: none;
	color: #100400;
	margin: 0;
}

div#sub ul li a:hover{
	text-decoration: underline;
	color: #100400;
}

/* --- カテゴリ部分 --- */
li.side01,
li.side02,
li.side03,
li.side04{
  display:block;
  width:206px;
  height:63px;
  background-position:left top;
  background-repeat:no-repeat;
}
li.side01{ background-image:url(http://www.briller.co.jp/img/common/side01.jpg); }
li.side02{ background-image:url(http://www.briller.co.jp/img/common/side02.jpg); }
li.side03{ background-image:url(http://www.briller.co.jp/img/common/side03.jpg); }
li.side04{ background-image:url(http://www.briller.co.jp/img/common/side04.jpg); }

div.side05{
  display:block;
  width:212px;
  height:78px;
  background-image:url(http://www.briller.co.jp/img/common/side05.jpg);
  background-position:left top;
  background-repeat:no-repeat;
}
div.side05 a{
  display:block;
  width:212px;
  height:78px;
  padding-top:20px;
  padding-left:20px;
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
}
div#mobileBox{
  width:206px;
  height:255px;
  margin:0px auto;
  background-image:url(http://www.briller.co.jp/img/common/mobile_bg.gif);
  background-position:left top;
  background-repeat:no-repeat;
}
div#mobileBox p{
  position:relative;
  left:20px;
  top:200px;
  font-size:12px;
}

/* サイドバー段落 */
div#sub p{
	line-height: 20px;
	margin: 0;
	padding-top: 3px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

/* ---
Footer
------------------------ */
div#footer .inner{
  width:1199px;
  height:139px;
  background-image:url(http://www.briller.co.jp/img/common/footer_inner_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:0px auto;
}
/* -- TOPへ戻るボタン --*/
div#topButton{
  position:absolute;
  right:236px;
  top:34px;
  display:block;
  width:102px;
  height:32px;
}
div#topButton2{
  display:block;
  float:right;
  width:102px;
  height:32px;
}

div#footer address {
  font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
  font-weight: bold;
  font-size:12px;
  height:60px;
  line-height:60px;
}
div#footer p {
  font-size: 70%;
}
