@charset "utf-8";

body , h1 , h2 , h3 , h4 , h5 , h6 ,
p , blockquote , address , pre , 
ol , ul , li , dl , dt , dd , 
table , tr , th , td , 
img , object , param , embed , script , noscript , 
form , fieldset , input , textarea , select , button , legend , label ,  
cite , q , em , strong , span , abbr , code {
   margin : 0 ;
   padding : 0 ;
   line-height : 1.0 ;
   letter-spacing : 0 ;
   font-style : normal ;
   list-style: none;
   }

body {
   font-size : 75% ;
   font-family : "ＭＳ Ｐゴシック" , Osaka , sans-serif ;
   background:#fff none;
   }
body:last-child:not(:root:root) {     /* for Mac OSX Safari */
   font-family : "ヒラギノ角ゴ Pro W3" ,sas-serif ;
   }

img , object , embed , param {
   border : none ;
   vertical-align : bottom ;
   }

h1 , h2 , h3 , h4 , h5 , h6 {
   font-size : 1.0em ;
   }

p , blockquote , address , pre , li , dt , dd {
   font-size : 1.0em ;
   }

th, td , caption {
   font-size : 1.0em ;
   }
* html th ,
* html td ,
* html caption {
   font-size : 0.8em ;     /* for IE5.5～6 */
   }

input , select , textarea , button {
   line-height : 1.5 ;
   vertical-align : middle ;
   font-size : 1.0em ;
   font-family : "ＭＳ Ｐゴシック" , Osaka ,  sans-serif ;
   }
button {
   cursor : pointer ;
   }
optgroup {
   font-style : normal ;
   }
fieldset {
   border : none ;
   }

legend , cite , q , em , strong , span , abbr , code {
   font-size : inherit ;
   }
abbr {
   text-transform : uppercase ;
   text-decoration : none ;
   }

br {
   letter-spacing : 0 !important ; 
   }
hr {
   clear : both ;
   }
   
p{
   line-height: 1.5;
   }
/* ClearFix */

.clearfix:after {
   content: "." ;   
   display: block ;   
   visibility: hidden ;   
   height: 0.1px ;   
   font-size: 0.1em ;   
   line-height: 0 ;   
   clear: both ;   
}
*:first-child+html .clearfix {  /* IE7 */
   display: inline-block ;
}
* html .clearfix {     /* IE6 */
   height: 1% ;
}

body #top{
position:static;
width:100%;
height:32px;
padding:0 0 10px 0 ;
}


body #top p{
position:static;
top:auto;
left:auto;
padding:16px 0 8px 12px;
display:block;
float:left;
}

body #top p#close{
position:static;
float:right;
width:10em;
margin:0;
padding:8px 5px 0pt 0pt;
font-size:0.9em;
line-height:1.2;
text-align:right;
}

body #top p#close a{
zoom:1;
}

body #top p#close img{
display:inline;
margin:0pt 3px 0pt 0pt;
vertical-align:middle;
}

/* topNav */
#topNav{
clear:both;
width:870px;
margin:0 auto;
padding:0;
background:#fff;
font-size:0.9em;
letter-spacing:1px;
line-height:1.3;
text-align:right;
}

#topNav a{
padding-left:10px;
background:url(/images/li-topnav.gif) 0 4px no-repeat;
}

/*************************************************************/
#page {
   width : 870px ;
   margin : 0 auto ;
   text-align : left ;
   background-color: #75bcda;
   }
   
*html #contents {
   width : 751px;
   margin: 0 auto ;
   text-align : left ;
   background-color: #FFF;
}
   
#contents {
   width : 751px;
   margin: 0 auto ;
   text-align : left ;
   background-color: #FFF;
}

#contents h2 {
   padding-left: 21px;
   padding-top: 20px;
   }

*html #contents #mainphoto{
   width:496px;
   height:331px;
   overflow:hidden;
   float: right;
   margin-top: 0px;
   margin-right: 10px;
}

#contents #mainphoto{
   width:496px;
   height:331px;
   overflow:hidden;
   float: right;
   margin-top: 0px;
   margin-right: 20px;
}
#contents #discription{
   padding-left: 21px;
   margin-top: 13px;
}
#contents #discription p{
   width: 194px;
   padding-top: 17px;
}  
#contents .model{
   padding-left: 21px;
   padding-top: 10px;
   }
#contents .model img{
   margin-right: 10px;
}

#outdoorkit{
   margin-top: 20px;
   padding-left: 21px;
}

#outdoorkit .D10{
   float: left;
}

*html #outdoorkit .ex{
   width: 440px;
   float:right;
   margin-right: 14px;
   }
   
#outdoorkit .ex{
   width: 440px;
   float:right;
   margin-right: 28px;
   }
#outdoorkit .ex img{
   margin-left: 23px;
   margin-bottom: 20px;
}

#outdoorkit .ex p{
   margin-left: 23px;
}

#contents .writer{
   padding-left: 17px;
}

#contents .officialbanner{
   width:710px;
   height:170px;
   margin : 0 auto ;
   padding-top:30px;
}

#contents .noteflame{
   padding-left: 17px;
}
#contents #note{
   padding-left: 17px;
   background: transparent url(/images/bg_note.jpg) 17px -4px repeat-y;
}

*html #contents #note .mori{
   width: 259px;
   float: left;
   margin-left: 32px;
   margin-top: 10px;
   }

#contents #note .mori{
   width: 259px;
   float: left;
   margin-left: 64px;
   margin-top: 10px;
   }
*html #contents #note .hasebe{
   width: 274px;
   float: right;
   margin-right: 35px;
   margin-top: 10px;
   }
#contents #note .hasebe{
   width: 274px;
   float: right;
   margin-right: 69px;
   margin-top: 10px;
   }

#contents #blogphoto img{
   float: left;
   padding-left: 30px;
   padding-right:0px;
}

#contents #blog {
   width: 256px ;
   margin: 20px 0 0 28px ;
   float: left ;
}

#contents #blog p{
}
#contents #blog .smallpic{
   text-align:right;
}
#contents #blog .btn01 {
   padding: 10px 0 10px 0 ;
}

*html #contents .d10pic{
   padding-left: 27px;
   padding-top:10px;
   padding-bottom:10px;
   float:left;
}
#contents .d10pic{
   padding-left: 27px;
   padding-top:10px;
   padding-bottom:10px;
   float:left;
}

*html #contents #pagetop{
   margin-left: 11px;
   margin-right:10px;
   margin-top:131px;
   float:right;
}
#contents #pagetop{
   margin-left: 21px;
   margin-right:20px;
   margin-top:131px;
   float:right;
}

/* footer */

#footer{
position:relative;
clear:both;
width:870px;
height:46px;
margin:0 auto;
padding:10px 0 0;
background:#fff url(/images/bg.jpg) 0 10px no-repeat;
}

body #footer{
position:static;
width:870px;
height:auto;
margin:0 auto;
padding:0 0 0 0;
background:none;
text-align:left;
}

#footer ul{
position:absolute;
top:25px;
left:491px;
height:11px;
margin:0;
padding:0;
}

#footer ul li{
display:inline;
margin:0 20px 0 0;
padding:0;
background-image:none;
font-size:11px;
line-height:11px;
}

#footer ul li img{
vertical-align:top;
}

#footer p{
position:absolute;
top:25px;
left:20px;
width:250px;
height:11px;
margin:0;
padding:0;
vertical-align:top;
font-size:11px;
line-height:1;
}

body #footer p{
position:static;
margin:7px 0 0 10px;
}

body.special #footer a,
body.special #footer a:link,
body.special #footer a:visited,
body.special #footer a:hover,
body.special #footer a:focus{
color:#fff;
}

body.special #footer ul li{
border-color:#fff;
}

/* S */
#center{
width:870px;
margin-right:auto;
margin-left:auto;
}
/* ---------------heder --------------- */


/* ---------------menu --------------- */

#center #menu #menu1{
background:transparent url(/images/menu-back1.jpg) no-repeat;
width:870px;
height:66px;
padding:0;
margin:0;
}
#center #menu #menu2{
background:transparent url(/images/menu-back2.jpg) no-repeat;
width:870px;
height:66px;
padding:0;
margin:0;
}

#center #menu ul{
margin:0 0 0 200px;
padding:5px 0 0 0px;
}

#center #menu ul li{
float:left;
margin:0px;
padding:0 4px 0 0px;
list-style-type:none;
}

#center #menu ul li img{
border:0px;
}


/* ---------------/menu --------------- */

/* --------------------------
　　　　プロフィール
-------------------------- */

#page #contents #profile-contents {
   padding: 15px 20px 0 21px ;
}
#page #contents #profile-contents .prof-header {
   padding: 0 0 30px ;
}
#page #contents #profile-contents .prof-section {
   padding: 0 0 15px ;
}
#page #contents #profile-contents .prof-section .photoBox {
   float: left ;
}
#page #contents #profile-contents .prof-section .detailBox {
   width: 274px ;
   float: right ;
   line-height: 1.4 ;
}
#page #contents #profile-contents #lastchild {
   padding: 0 0 40px ;
}
#page #contents #profile-contents #lastchild #photoBox-last {
   width: 250px ;
   float: right ;   
}
#page #contents #profile-contents #lastchild #photoBox-last .topBox {
   padding: 0 0 10px 0 ;
}
#page #contents #profile-contents #lastchild #photoBox-last p {
   padding: 0 0 10px 25px ;
}
#page #contents #profile-contents #lastchild #photoBox-last .five {
   background: url(/images/profile/number05.gif) 0 1px no-repeat ;
}
#page #contents #profile-contents #lastchild #photoBox-last .six {
   background: url(/images/profile/number06.gif) 0 1px no-repeat ;
   padding-bottom: 0 ;
}
#page #contents #profile-contents #lastchild .detailBox {
   width: 256px ;
   padding: 0 15px 0 0 ;
   float: left ;
   line-height: 1.4 ;
}
#page #contents #profile-contents .numbers {
   padding: 0 0 20px ;
}
#page #contents #profile-contents .numbers .numLeft {
   float: left ;
   padding: 0 20px 0 0 ;
}
#page #contents #profile-contents .numbers .numRight {
   float: left ;
}
#page #contents #profile-contents .numbers p {
   padding: 0 0 10px ;
   vertical-align: middle ;
}
#page #contents #profile-contents .numbers p span {
   padding: 0 10px 0 0 ;
}
#page #contents #profile-contents .read {
   padding: 0 0 20px ;
}
#page #contents #profile-contents .bottomPhoto {
   padding: 0 0 20px ;
}
#page #contents #profile-contents .btn02 {
   text-align: right ;
}
#contents #pagetops {
   text-align: right ;
   padding: 10px 20px 10px 0 ;
}