@import url(common.css);


/* ----- トップスライド用 ----- */

pre { display:none }
#right { cursor: pointer }


/* -----↑ トップスライド用 ↑----- */

/* ----- バー ----- */
.bar 
 {
        width:580px;
        height:300px;
        text-align: center;
        font-size:13px;
        color:#000000;
       line-height:150%;
        z-index:5000;
        margin-top:10px;
 }


#sidebar-left li
  {
    width:162px;
    font-size:13px;
    margin:0px 0px 5px 25px;
    padding:5px 0px 5px 10px;
    border-bottom:dotted 1px #999999;
    list-style-image:none;
    list-style-type: none;
  }


.cat0{

margin-top:0px;
}


.cate{
width:195px;
height:28px;
_height:29px;
background:url(/img/c.jpg) no-repeat;
padding-top:12px;
text-indent:2em;
color:#000000;
font-size:12px;
}


/* ----- 190banner ----- */
.box2{ 
float:left;
width:280px;
color:#666666;
text-align: center;
margin-left:5px; 
margin-top:10px;
       }

.box23{ 
float:left;
width:280px;
color:#666666;
text-align: left;
margin-left:5px; 
margin-top:10px;
line-height:110%;
       }


.planp{ 

width:570px;
color:#333333;
text-align: left;
margin-left:5px; 
margin-top:2px;

border-bottom:dotted 1px #666666;
font-size:15px;
padding-bottom:4px;
text-indent:2em;
       }


.planp2{ 

color:#008800;
font-size:17px;
font-weight:bold;
       }







#hhome{ 
margin:5px 0 5px 0px; 
width:100%; 
color:#a0522d;
text-align: right; 
font-size:11px;
}





/* ----- 表 ----- */

.hyou {
	text-decoration: none;
	font-size: 10pt;
	background-color: #CCCCCC;
	margin-right: auto;
	margin-left: auto;
}

.hyou td {
	background-color: #FFFFFF;
	padding:5px 10px 5px 10px;
	font-size: 10pt;
	color: #666666;
	line-height: 13pt;
	text-align: left;
}

.hyou th {
	text-align: left;
	padding: 5px 5px 5px 15px;
	font-weight: normal;
	background-color: #F2F2F2;
}

.40 {
        width:40%;
}


.word {
       width:150px;
}





/* --------------------- カテゴリタイトル（キーワード）--------------------- */

.smaller{
      text-align:center;
      line-height:15px;
      
}

.smaller2{
      font-size:11px;
      text-align:center;
      line-height:200%;
      font-weight:normal;
}


/* --------------------- カテゴリ価格--------------------- */

.c_price{
      text-align:center;
      margin-bottom:5px;
      color:#ff0000;
}




/* --------------------- MIDDLE --------------------- */

#middle{
	display:inline;
	width:900px;
        background:#ffffff;
       	overflow:hidden;
	float: left;
  border-style:none solid;
  border-width:1px;
  border-color:#8cb02c;
z-index:10;
        }





.sbro
       {
        margin:5px 20px;
        padding-top:5px;
        }



/* フッター */
.fot
          {
	display:inline;
	width:900px;
	height:90px;
        font-size:11px;
	background:#ffffff;
	margin:auto;
	float: left;
	clear: both;
	position: relative;
         text-align:right;
  border-style:solid solid none solid;
  border-width:5px 1px;
  border-color:#8cb02c;
           }





/* ページナビ */
.navi2 {text-align:right;font-size: 10px;color:#666;margin : 0px;padding : 2px 15px 2px 10px;}

/* ----- バー ----- */
#bar 
 {

        width:580px;
        height:380px;
        text-align: center;
        font-size:13px;
        color:#000000;
       line-height:150%;
        margin-left:0px;
        margin-bottom:11px;
 }






/* ----- すべての要素 ----- */


*{
 margin:0;
 padding:0;
 font-family:Verdana, Arial, sans-serif;
 font-size:100%;
}
/* ----- float解除 ----- */
div.clear{clear:both;}
div.clear hr{display:none;}

/* ----- リンク ----- */

a:link { color:#000000; text-decoration:none; }
a:visited { color:#666666; text-decoration:none; }
a:active { color:#ff0000;text-decoration: underline;}
a:hover { color:#8cb02c;text-decoration: underline;}
img{border:0; margin:0; padding:0;}
a img{border:0;}
strong{ color:#000000; font-weight:normal;}
.center{text-align:center;}
.right{text-align:right;font-size:x-small;}
.left{ text-align: left;}

/* ----- body ----- */

body{
　color:#000000;
  background:url(/img/bg.gif) repeat-x;
　text-align:center;}


/* ----- ブログ全体 ----- */
div#main-container
 {
  width:900px;
  color:#000000;
  margin:0 auto;
  text-align:left; 
  padding-top:0px;
 z-index:11;
}

/* ----- header部分（追加） ----- */

div#header
 {
	width:902px;
	padding:0px;
        height:130px;
	background:url(/img/banner.jpg) no-repeat 0 0;
        border-bottom:solid 8px #8cb02c;
 }

div#header_logo
 {
  float:left;
  color:#000000; 
  padding:0px;
  margin-top:10px;
  margin-left:10px;

 }

div#header_r
 {
  float:left;
  width:410px;
  color:#004400; 
  margin-top:10px;
 }

div#facebook
 {
  float:left;
  width:250px;
  color:#004400; 
  margin-top:10px;
 }



div#header h1{font-size:11px;font-weight:normal;margin:7px;color:#666666;}





/* ----- コンテンツ全体 ----- */

div#container
        {
              width:580px;
              float:right; 
              margin-top:10px;
              margin-right:20px;
              _margin-right:10px;
            z-index:30;
        }


#container p
        {
              margin:0px 20px 10px 20px;
              font-size:13px;
　　　　　　　　line-height: 200%;
              color:#333333;
        }


#topbox
        {
              border:solid 1px #004400;
              padding-top:10px;
              margin-left:15px;
              margin-bottom:15px;
              background-color:#fffff0;
              line-height:110%;
        }


#topbox p
        {
              font-size:12px;
              margin:5px　10px 5px 10px;
　　　　　　　　
        }



.topbox2
        {
              float:left;
              width:176px; 
              height:230px;
              border-style:none dotted;
              border-width: 1px;
              border-color: #666666;
              margin-left:15px;
              _margin-left:10px;
              margin-bottom:15px;
              line-height:110%;
　　　　　　　　
        }


.box3
        {
              float:left;
              width:176px; 
              height:176px;
              margin-left:10px;
              _margin-left:10px;
              margin-bottom:15px;
              line-height:110%;
　　　　　　　　background-color:#fffff0;
        }





/* ----- エントリー全体 ----- */

div.content{background:#ffffff;}

/* ----- アーカイブナビゲーション ----- */

div.content p.navi-link{font-size:80%;margin:0 0 10px 0;}

/* ----- アーカイブタイトル ----- */
#archive-title{
 color:#004400;
 margin:20px 0 5px 0px;
 padding:40px 5px 5px 45px;
 background:url(/img/title.gif) no-repeat 0 0;
 height:30px;
}

.archive-title{
 color:#004400;
 margin:20px 0 5px 0px;
 padding:40px 5px 5px 45px;
 background:url(/img/title.gif) no-repeat 0 0;
 height:30px;
}


.archive-title2{
 color:#004400;
 margin:10px 0 5px 0px;
 padding:10px 5px 5px 60px;
 background:url(/img/title2.gif) no-repeat 0 0;
 height:30px;
}


.archive-title3{
 color:#333333;
 margin:5px 0 5px 0px;
 padding:5px 5px 5px 50px;
 background:url(/img/title3.jpg) no-repeat 0 0;
 height:20px;
}





div.content dl.item-data
{
 width:280px;
 height:350px;
 _height:320px;
 text-align:center;
 margin:2px;
 float:left;
 border:solid 1px #bcb0a3;
}




div.content dl.item-data dt{text-align:left;margin:10px 10px 5px 10px;padding:0 0 5px 0;font-size:80%;font-weight:bold;background:url(images/dotted.gif) repeat-x 0 100%;}
div.content dl.item-data dd.item-text{text-align:left;font-size:80%;line-height:140%;margin:0 10px 5px 10px;}
div.content dl.item-data dd.item-price{color:#999999;background:#ffffff;font-size:80%;line-height:100%;padding:3px;margin:0 10px 5px 10px;}


/* ----- エントリータイトル ----- */
div.entry-content h2.entry-title{color:#333333;background:#ffffff;line-height:100%;border-bottom:1px solid #cccccc;padding:0 0 3px 0;margin:0 0 10px 0;}
div.entry-content h2.entry-title a{color:#333333;background:#ffffff;text-decoration:none;}
div.entry-content h2.entry-title a:hover{text-decoration:underline;}

/* ----- エントリー ----- */

div.entry-content p{font-size:80%;line-height:150%;margin:0 0 10px 0;}
div.entry-content blockquote{font-size:80%;line-height:150%;padding:10px;border:dotted 1px #cccccc;margin:20px 0;}
div.entry-body ul,div.entry-body ol{padding:0 0 0 20px;margin:0 0 10px 0;}
div.entry-body ul li,div.entry-body ol li{font-size:80%;margin:0 0 3px 0;}

div.cart{
 text-align:left;
 padding:0px 0;
 font-size:14px;
 margin:10px 0 20px 0;
}

/* ----- サイドバー ----- */
div#sidebar-left{width:230px;float:left; margin-left:20px; _margin-left:10px; margin-top:20px;}
div#sidebar-right{width:200px;float: right;clear: right; background-color:#ffa500;}
div.sidebar-inner{padding-left:5px;width:200px height:500px;}





/* ----- サイドメニュー ----- */
.sm1
  {
    width:175px; 
    border:solid 2px #eeeeee;
    font-size:12px;
    margin:10px 0px 30px 0px;
    padding:5px;
  }




/* ----- カテゴリボックス ----- */
.cbox
  {
    float:left;
    width:280px; 
    margin:3px;
    background-color:#666666;
  }








/*---archive menu--*/

.paged-archives a, .paged-archives a:visited{
padding: 0 5px;
border: 1px solid #cccccc;
text-decoration: none;
color: #000066;
}
.paged-archives b{
padding: 0 5px;
border: 1px solid #cccccc;
text-decoration: none;
color: #000066;
background-color: #dae0e6;
}



/* ----- 流れ ----- */
.flow1 
 {
        width:120px;
        text-align: center;
        float:left;
        margin-left:15px;
        margin-top:15px;
　　　　 margin-bottom:15px;
        
 }


.flow2 
 {
        width:400px;
        float:left;
        margin-left:15px;
        margin-top:15px;
        border-bottom:dotted 2px #8cb02c;
 }


.flow2 h3
 {
        color: #004400;
        text-indent:1em;
        margin-bottom:10px;
        border-left:solid 5px #ffa500;
 }

/*-----h3-----*/
h3#hogo {
	border: 3px double #999999;
	font-size: 100%;
	line-height: 24px;
	padding-left: 20px;
	color: #666666;
	background: #eeeeee;
	clear: both;
        margin:20px;
}




/*-----ホームページ制作のギモン---*/

.q_and_a-wrap{
 padding: 10px 0 30px 0;
}
.q_and_a1{
 color:#004400;
 font-weight: bold;
 font-size: 110%;
 margin:10px 0 5px 0px;
 padding:15px 5px 0px 60px;
 background:url(/img/question.gif) no-repeat 0 0;
 height:30px;
}
.q_and_a2{
 margin:10px 0 5px 0px;
 padding:15px 5px 0px 70px;
 background:url(/img/answer.gif) no-repeat 0 0;
}

/*---キャンペーン---*/
#cam ul{
	margin: 20px 1px
 20px 30px;
}
#cam li{
	padding: 5px;
}
#cam #campaign_aply{
	margin: 20px auto;
	text-align: center;
}	



/** 1st table styles **/
#planMenu td { text-align: center;}

/* with JS 'borderRows' */
#planMenu .planMenu1,
#planMenu .planMenu2,
#planMenu .planMenu3 { background: url(/img/cl.gif) repeat-y;}

thead .planMenu1,
thead .planMenu2,
thead .planMenu3 { text-align: center; color: #fff;}

#planMenu thead .planMenu1 { background-color: #7ad;}
#planMenu thead .planMenu2 { background-color: #6a3;}
#planMenu thead .planMenu3 { background-color: #985;}

#planMenu tbody .planMenu1 { background-color: #f9fdfd;}
#planMenu tbody .planMenu2 { background-color: #f9fdf9;}
#planMenu tbody .planMenu3 { background-color: #fcfbf8;}

#planMenu tbody .rowTint .planMenu1 { background-color: #f6fafd;}
#planMenu tbody .rowTint .planMenu2 { background-color: #f5fdf5;}
#planMenu tbody .rowTint .planMenu3 { background-color: #fdfcf4;}

.price #sec-b h4 { width: 420px; border-bottom:3px solid #2299dc;}
.price #sec-b p.fR { width: 400px;}
.price #sec-b table { clear: none; width: 50%;}
.price #sec-b th,
.price #sec-b td { text-align: center;}
.price #sec-b ol { float: left; width: 390px;}
.price #sec-b ul { float: right; width: 370px; color: #666;}
.price #sec-b p { clear: left;}

.price .aR { color: #1699c6;}

.price #detailBasepages { color: #26c; text-decoration: underline; cursor: pointer;}
.price #detailBasepages:hover { color: #f80;}