@charset "utf-8";
/* --------------------------------------
ブラウザスタイル初期化
-------------------------------------- */
*{
margin:0;
padding:0;
font-size:100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{
margin:0;
padding:0;
}

html, body { 
width:100%;
} 

body {
font-size:13px;
font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku','MS UI Gothic';
color: #080808;
line-height:130%;
}

h3{
font-weight:normal;
}

img {
border:none;
}

a{
color:#003894;
text-decoration:none;
}

a:link {
color:#003894;
}

a:hover {
color:#003894;
text-decoration:underline;
}

a:visited {
color:#003894;
}

p{
margin:0;
padding:0;
}

ul{
list-style:none;
}

li{
list-style:none;
}

/* --------------------------------------
レイアウト定義
-------------------------------------- */
#base{
/*background-image:url(img/bg_s.jpg);
background-repeat:repeat;
width:100%;*/
}

#bg{
/*background-image:url(img/bg.jpg);
background-repeat:repeat-x;
width:100%;
background-color:#e7eaff;*/
}

#wrapper{
background-color:#FFFFFF;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:3px solid #20caef;
margin:0 auto;
padding:0;
width:800px;
}

#imagebox{
margin:12px 0 17px 0;
height:240px;
overflow:hidden;
}

#imagebox2{
margin:12px 0;
}

#content{
margin:0px 10px;
}

#content img{
}

#pan{
font-size:11px;
font-family:font-family:Arial,Helvetica,sans-serif;
margin-bottom:7px;
}

#content #main{
display:inline;
width:533px;
float:left;
margin-right:17px;
}

#content #main .title{
background-color:#20caef;
background-image:url(img/bg_title.jpg);
height:25px;
border-top:2px solid #20caef;
}

#content #main .title .txt{
/*border-left:#FFFFFF 1px solid;*/
margin-left:0px;
padding:5px 0 1px 9px;
}

#content #main .news{
padding:7px 0 7px 12px;
}

#content #main .news .day{
font-size:11px;
font-family:font-family:Arial,Helvetica,sans-serif;
}

#content #main .news .feed{
}

#content #main .news .dotted{
border-top:#666666 dotted 1px;
overflow:hidden;
margin:5px 0;
height:0;
}

#content #side{
display:inline;
width:230px;
float:left;
}

#content #side .sidetitle{
background-color:#20caef;
margin-bottom:1px;
height:25px;
width:227px;
background-image:url(img/bg_side_title.jpg);
background-position:right;
border-left:3px solid #20caef;
}

#content #side .sidetitle .txt{
/*border-left:#FFFFFF 1px solid;*/
margin-left:0px;
padding:5px 0 1px 9px;
}

#content #side .sidebox{
background-color:#f5f3f3;
margin-bottom:15px;
font-size:11px;
font-family:font-family:Arial,Helvetica,sans-serif;
}

#content #side .sidebox .txt{
}

#content #side .sidebox li{
list-style:inside decimal; 
padding:3px 15px;
border-top:#FFFFFF 1px solid;
border-bottom:#FFFFFF 1px solid;
}

#content #side .sidebox .blogtxt{
list-style:inside none; 
padding:3px 15px;
border-top:#FFFFFF 1px solid;
border-bottom:#FFFFFF 1px solid;
}

#content #side .sidebox .blogtxt .blogday{
font-size:10px;
font-family:font-family:Arial,Helvetica,sans-serif;
}


/* --------------------------------------
ヘッダー定義
-------------------------------------- */
#header{
width:800px;
height:72px;
}

.header_l{
padding:12px 10px;
float:left;
}

.header_m{
padding:20px 10px 0 10px;
float:left;
}

.header_r{
padding:10px 10px 0px 20px;
float:right;
}

/* --------------------------------------
フッター定義
-------------------------------------- */
#footer{
color:#999999;
text-align:center;
padding-top:30px;
}


/* --------------------------------------
コンテンツ共通パーツ
-------------------------------------- */
.singletitle{
display:inline;
border-left:5px solid #20caef;
font-size:15px;
padding-left:7px;
text-align:left;
width:100%;
}

.singleline{
height:0;
overflow:hidden;
border-bottom:1px #BDBCBC solid;
margin:5px 0;
}

.singletxt{
padding:17px 15px;
background-color:#F5F3F3;
}

.tablestyle{
width:100%;
}

.tdstyle{
background-color:#F5F3F3;
border-bottom:1px solid #D8D7ED;
padding:11px;
width:35%;
text-align:center;
}

.tdstyle2{
border-color:#F5F3F3 #F5F3F3 #F5F3F3 #FFFFFF;
border-style:solid;
border-width:1px;
padding:11px;
}



.btn_40px{
background-image:url(img/btn_bg40px.jpg);
background-repeat:repeat-x;
border:#CCCCCC 1px dotted;
color:#05236f;
font-size:14px;
width:198px;
_width:196px;
padding:10px 5px;
text-align:center;
vertical-align:middle;
font-weight:bold;
height:20px;
line-height:150%;
}


.line{
color:#05236f;
border-bottom:2px solid #05236f;
padding-bottom:2px;
}

.line a{
color:#05236f;
text-decoration:none;
}



/* --------------------------------------
汎用クラス定義
-------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.fixmargin{

}


/* --------------------------------------
テキストスタイル定義
-------------------------------------- */

/* --------------------------------------
商品詳細定義
-------------------------------------- */

.product{
width:200px;
float:left;
margin-right:10px;
border:#CCCCCC 1px solid;
}

.discription{
width:323px;
float:left;
margin-right:10px;
}

.price{
color:#FF0000;
font-weight:bold;
}

/* --------------------------------------
グローバルナビ定義
-------------------------------------- */
#navi{
width:780px;
height:35px;
margin:0 10px;
font-size:12px;
}

#globalNav {
list-style-type:none;
width:780px;
border-top:#20caef 2px solid;
}

#globalNav li {
float:left;
margin:0;
padding:0 1px 0 0;
}

#globalNav li a {
display:block;
overflow:hidden;
height:25px; !important;
height /**/:25px;
margin-top:0;
padding:7px 0 0 0;
color:#292E36;
text-align:center;
background-image: url(img/headernavi_bg_off.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}

#globalNav li a:hover {
display:block;
overflow:hidden;
height:25px; !important;
height /**/:25px;
margin-top:0;
padding:7px 0 0 0;
color:#292E36;
text-align:center;
background-image: url(img/headernavi_bg_off.jpg);
background-repeat: no-repeat;
background-position: right bottom;
	opacity:0.7;
	filter: alpha(opacity=70);
}


#nav01 a {
background-color:#20caef;
width:155px;
}

#nav02 a {
background-color:#20caef;
width:155px;
}

#nav03 a {
background-color:#20caef;
width:155px;
}

#nav04 a {
background-color:#20caef;
width:155px;
}

#nav05 a {
background-color:#20caef;
width:155px;
}


#nav01 a:hover {
background-color:#5bdefa;
width:155px;
text-decoration:none;
}

#nav02 a:hover {
background-color:#5bdefa;
width:155px;
text-decoration:none;
}

#nav03 a:hover {
background-color:#5bdefa;
width:155px;
text-decoration:none;
}

#nav04 a:hover {
background-color:#5bdefa;
width:155px;
text-decoration:none;
}

#nav05 a:hover {
background-color:#5bdefa;
width:155px;
text-decoration:none;
}


#nav01_hover a {
background-color:#20caef;
width:155px;
}

#nav02_hover a {
background-color:#20caef;
width:155px;
}

#nav03_hover a {
background-color:#20caef;
width:155px;
}

#nav04_hover a {
background-color:#20caef;
width:155px;
}

#nav05_hover a {
background-color:#20caef;
width:155px;
}