@charset "Shift_JIS";

/* ・・・・全体構造・・・・ */
body{
margin:0;
text-align: center;
font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',
'ＭＳ Ｐゴシック', sans-serif;
color: #000;
background: url(bg-gray.jpg) #fff center top repeat-x fixed;
}

#container{
    width: 800px;
	margin: 0 auto;
	text-align: left;
}

#head_top{
width: 800px;
margin-top: 5px;
line-height : 120%;
letter-spacing : 1px;} 

#outline{
width : 800px;
margin-bottom: 5px;
border:solid 1px #333;
background: #fff;
} 

img{
    border: 0px;} 

dt{
        font-weight: bold;
        border-bottom: solid 1px #666;
        color: #000;
        margin-top: 0.5em;
}
      
dd{
        padding: 0.2em;
        margin-left: 0em;
        margin-top: 1em;
        font-size:12px;
}

/* ・・・・ヘッダ部分・・・・ */

#header{
width: 800px;
margin:0;
padding: 0;
font-size:14px;
background-image:url("top_back.gif");
background-repeat: no-repeat ;
} 

.header_h{
margin: 0;
padding:7px 0;
text-align:center;
font-size:12px;
} 

.header_m logo {	
float: left;	
}

.header_m logo .rlogo {
	margin-left: 10px;
	}

#header ul {
        float:right;
        margin-top:-90px;
        margin-right:15px;
        font-size:12px;
        text-align: left; 
}

#header ul li{
        list-style-type: none;
        background : url(sign.gif) no-repeat 0px 3px;
        padding-left: 18px;
      }


#header a, a:link, a:visited {
  color: #0033ff;
  text-decoration: none;
}

#header a:hover {
color: #ff3300;
} 

#header a:active {
color: #ff3300;
} 

/* ・・・・TOP_NAVI部分・・・・ */

#top_navi{
    width: 800px;
	float: left;
	margin:0;
	padding: 0;
	text-align: center;
	line-height: 150%t;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background:url(bg-menu.jpg) no-repeat left center #fff;
}

#top_navi ul{
        margin:0;
        padding:0;  
}

#top_navi li{
	float: left;
	display: block;
	list-style-type: none;
	padding: 0;
	font-size: 10.5pt;
	font-weight: bold;
	border-right: 1px solid #999;
}

#top_navi li a{
	display: block;
	padding: 6px 20px 6px 25px;
	text-decoration: none;
	background: url(bg-menu.jpg) no-repeat left center #fff;
}

#top_navi li a{ color: #000; }

#top_navi li a:link{ color: #000; }

#top_navi li a:visited{ color: #000; }

#top_navi li a:hover{
	color: #fff;
	background: url(bg-menu-over.jpg) no-repeat left center #fff;
}

/* ・・・・パンくずリスト部分・・・・ */

.s-line{
clear:both;
font-size: 12px;
text-align : left;
line-height:100%;
padding:5px 0 0 15px;
} 

.s-line a:link, a:visited {
  color: #0033ff;
  text-decoration:none;
}

.s-line a:hover {
color: #ff3300;
text-decoration:none;
} 

.s-line a:active {
color: #ff3300;
text-decoration:none;
} 

/*--コンテント部分--*/
#box{
margin:0 10px;
padding:0;
text-align: left;
} 

#maincontent{
width: 580px;
margin:0 0 10px 0;
float:left;
font-size:14px;
line-height : 160%;
letter-spacing : 2px;
}

#maincontent a:link{
  color: #0033ff;
  text-decoration: none;
}

#maincontent a:visited{
  color: #0033ff;
  text-decoration: none;
}


#maincontent a:hover{
  color: #ff3300;
  text-decoration: none;
}

#maincontent a:active{
  color: #ff3300;
}

#sidebar{
width: 190px;
margin:0;
float:right;
line-height:110%;
}

/* ・・・・フッタ−部分・・・・ */
#footer{
clear:both;
width: 800px;
text-align: center; 
font-size : 84%; 
border-top:solid 1px #000;
line-height:150%;
background:#fff;
}

/* ・・・・見出し・・・・ */
h1 
{ 
font-size:12px; 
margin: 0 ;
text-align: right;
}

h2{
margin-top:0;
padding:10px 0 10px 25px;
font-size:18px;
color:#000; 
background-image:url("t_h2.gif");
background-repeat: no-repeat ;
}

h2.sv{
  font-size:22px; 
  letter-spacing : -1px;
  color: #000;
  padding:14px 0px 14px 20px;
  background-image:url("h2-sv.gif");
  background-repeat: no-repeat ;
}

h3{
  margin:10px 0;
  font-size:16px; 
  color: #000;
  padding:8px 0px 8px 25px;
  background-image:url("mh3.gif");
  background-repeat: no-repeat ;
}

h3.sv{
  margin:10px 0;
  font-size:18px; 
  color: #000066;
  padding:8px 0px 8px 20px;
  background-image:url("h3-sv.gif");
  background-repeat: no-repeat ;
}

h4{
  padding:1px 0 1px 25px;
  font-size:14px;
  color: #fff;
  background-image:url("mh4.gif");
  background-repeat: no-repeat ;
}

h4.sv{
  font-size:16px; 
  color: #000066;
  padding:8px 0px 9px 10px;
  background-image:url("line.gif");
  background-repeat: no-repeat ;
}

h5{
  padding: 0 0 0 10px;
  color: #000;
  font-size:14px;
  border-left:solid #003366; 
  border-width: 0px 0px 0px 6px;
}


/*段落のスタイルmenu_box*/

.maincontent_box{
  padding:10px; 
  border:solid 1px #999;
}

ul.cube li{ 
        list-style-type: none;
        background : url("cube.gif") no-repeat 0px 3px;
        padding-left: 25px;
      }

.maincontent_box1{
margin-top:10px;
padding:10px;
border:solid 1px #000;
}

.maincontent_box2{
margin-top:10px;
padding:10px 5px;
font-size:12px;
text-align: center; 
line-height : 180%;
border:solid 1px #000;
}

.sidebar_box-title{
padding:3px 0px;
font-size:12px; 
color: #fff;
font-weight:bold;
text-align:center;
background:#003366;
border:solid 1px #000;
}

.sidebar_box{
margin-bottom: 10px; 
padding: 0;
font-size:12px; 
border-right: 1px solid #000; 
border-left: 1px solid #000; 
}

.sidebar_box ul { 
margin: 0; 
padding: 0;
text-indent: 4em;
list-style: none;  
} 

.sidebar-box li {
margin: 0; 
padding: 0;
} 

.sidebar_box li a { 
margin:0;
padding:2px 0; 
width:188px;
display: block; 
color: #000;
border-bottom: 1px solid #000; 
} 

.sidebar_box li a:link{
  color: #000;
}

.sidebar_box li a:visited{
  color: #000;
  text-decoration:none;
}

.sidebar_box li a:hover {
background-image:url("snavi_h.gif");
color: #000;} 

.sidebar_box li a:active {
background-image:url("snavi_h.gif");
text-decoration: none;
color: #000;} 

.sidebar_box1{
margin-bottom: 10px; 
padding:5px;
font-size:12px;
border-left:solid 1px #000;
border-right:solid 1px #000;
border-bottom:solid 1px #000;
}

.sidebar_box1 a{
  color: #0033ff;
  text-decoration: none;
}

.sidebar_box1 a:link{ 
  color: #0033ff;
  text-decoration: none;
}

.sidebar_box1 a:visited {
  color: #0033ff;
  text-decoration: none;
}

.sidebar_box1 a:hover {
  color: #ff3300;
  text-decoration: none;
} 

.sidebar_box1 a:active {
  color: #ff3300;
  text-decoration: none;
} 

/* ・・・・フッタ部分・・・・ */

.f_navi {
        background: #003366;
        font-size: 12px;
}

.f_navi ul {
        margin:0; 
        padding:0;   
}

.f_navi li {
        list-style:none;
        display:inline;   
        text-align:center;    
}


.f_navi a {
        color:#3366ff; font-weight:bold;
        text-decoration:none; 
        border-right: solid 1px #ffff;
        padding: 0 0.3em;
}

.f_navi a:link {
        color:#ffffff;
        text-decoration:none;   
}

.f_navi  a:visited {
        color:#fff;   
        text-decoration:none;   
}

.f_navi a:hover {
        color:#ff0033;   
        text-decoration:none;   
}

.f_navi a:active {
        color:#fff;   
        text-decoration:none;   
}


.f_copy {
	color:#000;
	margin: 0 ;
        padding:2px 2px 2px 0px;
	text-align: right;
        font-weight:bold;
}


.f_copy a:link{
        color: #0000ff;
        text-decoration: underline;
}

.f_copy a:hover{
        color: #ff0000;
        text-decoration:none;
        border-bottom:solid 1px #fff;
}

/* ・・・・コンテンツ分割等・・・・ */

.content{
  padding:0 10px;
  color:#000;
  line-height:140%;
}

.case{
  padding:0 10px;
  color:#000;
  line-height:140%;
  border: solid 1px #000;
}

.ad{
    margin-top:0.5em;
    padding:10px;
    display:block; 
    border:1px solid #333;
}

.ad p{
    margin:0;
    padding:0; 
    font-size: 12px;
    line-height:20px;
}

.container { 
        width:558px;
}
.contain { 
        width:558px;
}
.left_01 {
        width:274px;
	float: left;
}
.right_01 {
        width:274px;
	float: right;
}

.contain2 { 
        width:558px;
}

.left_02 {
        width:274px;
        float: left;
}
.right_02 {
        width:274px;
        float: right;
}
.container p{ 
        margin-top:0px;
        padding:10px 0 0 10px;
}

.contact{ 
padding: 5px;
background-color:#ffeeff;
}

.contact p{ 
text-align:center;
font-size:12px;
}

.free{
margin-bottom: 5px;
padding:10px 7px 0px 7px;
text-align:center;
background:#f8f8f8;
border:solid 1px #666;
}

.free p{
margin: 0 0 10px 0;
padding:10px 7px 0px 7px;
font-size:14px;
line-height: 120%;
letter-spacing: 2px;
}

 /*** メインナビ ***/
 
div.m_nav {
	margin-top: 1.0em;
}

ul.t_nav {
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
}

ul.t_nav li {
	display: inline;
	margin-right: 3em;
}

/* ・・・・フォントの設定・・・・ */

p.right {
	    text-align: right;
}

p.img{
	    margin-top:2em;
        text-align: center;
}

p.img2{
        margin-top:-10px;
        margin-bottom: 15px;
        text-align: center;
}

p.impact{
        font-size:14px;
        color: #0066ff;
        font-weight:bold;
}

p.cool{
        font-size:14px;
        color: #000;
        font-weight:bold;
}

p.price{
        text-indent: 1em;
        font-size:16px;
        color: #cc0000;
        font-weight:bold;
}

p.bb{
        font-size:14px;
        color: #0000ff;
        font-weight:bold;
}

p.related{
        padding: 3px 0 3px 10px;
        font-size:14px;
        color: #000;
        border: solid 1px #999;
        font-weight:bold;
}      

.red{ color: #ff0000; }
.blue{ color: #0000dd; }
.impact{ font-weight:bold; }
.cool{ color:#ff0000; font-weight:bold; }
.light{text-indent:1em; color: #333; font-size:14px; font-weight: normal;}