@charset "utf-8";

/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
background:white;
font-size:72%;
font-family:verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#222;
line-height:1.5;
text-align:center;
margin:0;
}

html {
height:100%;
margin-bottom:1px;
overflow:scroll;
}

*:first-child + html body {
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


p {
	margin:0 0 1em;
}

li {
	list-style:none;
	line-height:1.3;
}

img,
fieldset {
	border:0;
}

p,h1,h2,h3,h4,ul,li{
margin:0;
padding:0;
}

a{
margin:0;
padding:0;
}

/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a {
color:#CC3366;
}

a:link {
color:#CC3366;
}

a:visited {
color:#0066CC;
}

a:hover {
color:#FF9999;
}

a:active {
color:#FFCC00;
}


/*-----------------------------------------------
 __container
-----------------------------------------------*/

#container {
	width:750px;
	height:auto;
	margin:0 auto;
	text-align:left;
	background:url(images/mainback.gif) repeat-y;
	padding: 0;

}


/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
	margin:0px 0px 0px 0px;
	height:20px;
	background:#FFF;
	background-image:url(images/sp.gif);
	background-repeat:repeat-x;
	text-align:center;
}

#header p{
	padding:0px 0px 0px 0px;
	color:#CC9900;
	line-height:20px;
}


/*-----------------------------------------------
 __header2
-----------------------------------------------*/

#header2 {
width:750px;
height:150px;
background-image:url(images/head2.gif);

}

#header2 h1 {
display:none;
margin-left:-1000px;
}

#header2 p#siteDescription {
display:none;
margin-left:-1000px;
}

/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
clear:both;
width:750px;
margin:0;
background:url(images/foot.gif) no-repeat bottom;
text-align:center;
bottom: 0px;
padding:10px 0 35px 0;
}

#footer ul {
margin:0 auto 5px;
text-align:center;
}

#footer ul li {
	display:inline;
	margin-right:5px;
	padding-left:10px;
	line-height:1.1;
	border-left:1px solid #333;
}

#footer ul li.utilityHome {
	border-left:0;
}

#footer p{
text-align:center;
margin-bottom:5px;
color:#CC3366;
font-size:90%;
}

#footer p a{
color:#CC3366;
text-decoration:none;
}

#footer p a:hover{
color:#FF9999;
text-decoration:underline;
}

p#copyright {
text-align:center;
margin-bottom:0;
}
/* wrapper
------------------------------------------*/
 #wrapper{
 width:100%;
 height:auto;
 background-image:url(images/mainback.gif);
 background-repeat:repeat-y;
 }

/* __main
------------------------------------------*/

#main {
	float:right;
	width:480px;
	margin-bottom:10px;
	padding:0px 15px 10px 0px;
	color:#333333;
	margin-right: 15px;
	position:relative;
}

#main a {
	color:#CC3399;
}

#main a:hover{
color:#FF9999;
}

#navibar{
width:470px;
height:30px;
line-height:30px;
border-bottom:#CC0066 2px solid;
text-align:right;
margin:0px 0px 10px 0px;
padding:0px 10px 0px 0px;
float:right;
clear:both;
font-size:96%;
color:#CC3366;
}

#maintitle{
width:auto;
line-height:35px;
height:35px;
clear:both;
padding:0;
}

.pagetitle{
width:460px;
height:35px;
margin:0px 19px 0px 0px;
padding:0;
clear:both;
float:left;
}

#maintitle h2{
margin-left:-1000px;
display:none;
}

.mark{
width:40px;
height:35px;
margin:0;
padding:0;
float:left;
clear:left;
}

#main .titlenavi{
width:460px;
height:30px;
line-height:30px;
margin:10px 9px 2px 0px;
padding:0;
float:left;
clear:both;
vertical-align:bottom;
}

.to_top{
width:auto;
color:#CC6666;
height:30px;
line-height:30px;
text-align:right;
padding:0px 20px 0px 0px;
margin:0;
clear:both;
}


.to_topimg{
width:30px;
height:30px;
margin:0;
padding:0;
vertical-align:middle;
}


/* index
------------------------------------------*/
#toparea{
width:480px;
margin-top:10px;
/*background-image:url(images/topback.gif);
background-repeat:no-repeat;
background-position: 100% 100%;*/
text-align:left;
}


#toparea .info1{
	width:480px;
	height:185px;
	line-height:180%;
	float:left;
	clear:both;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:96%;
	color:#996600;
	background-image:url(images/rubyback.gif);
	background-repeat:no-repeat;
	background-position: 100% 100%;
 	position: relative;
}

#toparea .infoimg{
margin:0px 10px 5px 0px;
padding:0;
float:left;
clear:left;
}

#toparea .info2{
width:480px;
height:auto;
line-height:180%;
float:left;
clear:both;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
font-size:94%;
}

#toparea .info2img{
width:140px;
height:140px;
margin:0px 10px 10px 0px;
padding:0;
float:left;
clear:left;
}


#toparea .titlenavi{
width:460px;
height:30px;
margin:0px 10px 0px 0px;
padding:0;
float:left;
clear:both;
}

/* gaiyou
------------------------------------------*/
#gaiyouarea{
margin-top:10px;
/*background-image:url(images/memberback.gif);
background-repeat:no-repeat;
background-position: 100% 100%;*/
}

#gaiyouarea p{
padding-left:10px;
clear:both;
}

#gaiyouarea h3{
display:none;
padding: 0 1000px 0 0;
}

.gt{
width:auto;
line-height:180%;
border:#CC9966 solid 1px;
margin:20px 5px 0px 10px;
padding:2px;
border-collapse:collapse;
font-size:100%;
}

.gt_td{
width:85px;
color:#CC6633;
border:#CC9966 solid 1px;
padding:5px 5px 5px 10px;
}

.gt_td2{
color:#333333;
border:#CC9966 solid 1px;
padding:5px 10px 5px 10px;
}


/* member
------------------------------------------*/
#memberarea{
width:480px;
margin-top:10px;
background-image:url(images/memberback.gif);
background-repeat:no-repeat;
background-position: 100% 100%;
}

#memberarea p{
margin:0;
padding:0;
}

.memberphoto{
width:150px;
height:150px;
margin:5px 10px 5px 0px;
padding:0;
float:left;
clear:left;
}


#memberarea .memberphoto a{
width:300px;
height:300px;
padding:5px;
}

#memberarea .member{
width:480px;
position:relative;
text-align:left;
margin:10px 0px 5px 0px;
padding:0;
clear:both;
}

#memberarea .post{
height:30px;
clear:both;
margin:0;
padding:0;
float:left;
}



#memberarea .postimg{
width:250px;
height:30px;
margin:0px 0px 0px 0px;
padding:0;
float:left;
clear:left;
background:none;
color:#996600;
}


#memberarea .memberinfo{
width:480px;
line-height:1.7em;
float:left;
clear:both;
margin:5px 0px 0px 0px;
padding:0;
font-size:98%;
}

#memberarea .name{
font-weight:bold;
color:#996600;
font-size:106%;
padding:2px 0px 5px 0px;
margin:0;
}

#memberarea .syoubatsu{
font-size:95%;
clear:both;
}

/*座右の銘*/

.zayuimg{
width:100px;
height:30px;
float:left;
clear:right;
margin:0px 0px 0px 0px;
padding:0;
display:block;
z-index:1;
background-image:url(images/zayu_mark.gif);
background-repeat:no-repeat;
border:0;
}

.popup1 a{
text-decoration:none;
}

.popup1 a img {
	position: absolute;
	top: 1em;
	left: 1em;
	display: none;
	z-index:10;
}

.popup1 a:hover {
	position: relative;
	text-decoration:none;
}

.popup1 a:hover img{
	display: block;
	text-decoration:none;
}


#memberarea .himitsu{
line-height:30px;
color:#FF6699;
margin:0;
padding:0px 0px 0px 0px;
font-size:90%;
vertical-align:middle;
}

.toceo{
width:80px;
height:30px;
margin:0;
padding:0;
}

/* 社長のこと
------------------------------------------*/
#ceoarea{
line-height:200%;
margin-top:10px;
/*background-image:url(images/linkback.gif);
background-repeat:no-repeat;
background-position: 100% 100%;*/
}

#ceoarea .naviinfo img{
width:35px;
height:30px;
line-height:30px;
margin:0;
padding:0;
float:left;
clear:left;
vertical-align:bottom;
}


#ceoarea　.memberphoto{
width:150px;
height:150px;
margin:5px 10px 5px 0px;
padding:0;
float:left;
clear:left;
}

#ceoarea .info{
width:480px;
line-height:180%;
float:left;
clear:both;
margin:5px 0px 0px 0px;
padding:0;
}



#ceoarea .name{
color:#996600;
font-size:110%;
padding:5px 0px 5px 0px;
margin:0;
}

#ceoarea .naviinfo{
	width:460px;
	height:30px;
	line-height:30px;
	margin:10px 0px 2px 0px;
	padding:0;
	clear:both;
	color:#996633;
	font-weight:bold;
	text-align:left;
	border-bottom: #DFB2B2 solid 1px;
}

#ceoarea .naviinfo h3{
line-height:30px;
margin:0;
padding:0;
float:left;
clear:right;
font-size:104%;
}

#ceoarea .himitsu{
	line-height:30px;
	color:#FF6699;
	margin:0;
	padding:0;
	font-size:90%;
	vertical-align:middle;
	display: block;
	height: 30px;
}


#ceoarea .naviinfo img.shikaku{
	width:80px;
	height:30px;
	display:inline;
	clear: none;
}

#ceoarea .pink{
font-size:80%;
padding:0px 5px 0px 5px;
margin:0;
}

ul.fuku{
padding:0 10px;
}

.fuku li{
list-style:disc;
margin-left:10px;
}
/* licence
------------------------------------------*/
#licencearea{
	margin-top:10px;
	height: auto;
/*background-image:url(images/linkback.gif);
background-repeat:no-repeat;
background-position: 100% 100%;*/
}

#licencearea h3{
color:#996600;
margin-top:10px;
font-size:114%;
border-bottom:#D7B335 solid 1px;
padding-left:10px;
margin-right:5px;
}

#licencearea .gr{
color:#CC9900;
font-size:80%;
font-weight:normal;
padding-left:7px;
}

#licencearea ul{
padding:7px 10px;
}

#licencearea li{
font-size:102%;
padding-left:20px;
background:url(images/bg_li.gif) no-repeat left center;
margin-bottom:6px;
list-style:none;
}

/* motojiro
------------------------------------------*/

#boatarea{
margin-top:10px;
/*background-image:url(images/linkback.gif);
background-repeat:no-repeat;
background-position: 100% 100%;*/
}


#boatarea table{
margin:0;
padding:0;
clear:both;
border:none;
}

#boatinfo{
width:auto;
height:auto;
clear:both;
margin:0px 0px 10px 0px;
padding:0;
background-image:url(images/boatinfoback.gif);
background-repeat:no-repeat;
background-position: 100% 100%;
} 


#boatinfo h3{
display:none;
margin-left:-1000px;
}

#boatinfo p{
padding:0px 0px 0px 5px;
clear: both;
}

#boatinfo h4{
color:#996633;
font-size:104%;
padding:4px 0 2px 2px;
}

#boatinfo h5{
font-size:100%;
padding:10px 20px;
}

.cost{
clear:both;
}

.cost p{
padding-left:1em;
}
/* boatmember
------------------------------------------*/
#boatmemberarea{
margin-top:10px;
}

#boatmemberarea h3{
display:none;
margin-left:-1000px;
}

#boatmemberarea .aikotoba{
margin:10px 0px 10px 0px;
clear:both;
} 


#boatmemberarea p{
line-height:20px;
float:left;
padding:0px 0px 10px 0px;
}


#creationmem{
margin-bottom:10px;
background-image:url(images/creationback.gif);
background-repeat:no-repeat;
background-position: 100% 100%;
}

#creationmem .memname{
margin-top:10px;
color:#996633;
font-weight:bold;
clear:both;
}


#creationmem p{
clear:both;
margin-left:10px;
}

#creationmem h3{
display:none;
margin-left:-1000px;
clear:both;
}

.pop2 a{
text-decoration:none;
display:inline;
cursor:pointer;
}

.pop2 a img {
	position: absolute;
	top: -7em;
	left:5em;
	display: none;
	z-index:10;
}

.pop2 a:hover {
    position: relative;
	text-decoration:none;
}

.pop2 a:hover img{
    display: block;
	text-decoration:none;
}


#creationmem a,#creationmem a:link {
line-height:20px;
color:#996633;
font-weight:bold;
}


#creationmem a:hover {
line-height:20px;
font-size:100%;
color:#CC9900;
}


/* nakama
------------------------------------------*/
#photoalbum{
width:470px;
height:auto;
margin-top:10px;
text-align:center;
font-size:90%;
color:#999999;

}

#photoalbum h3{
font-size:150%;
color:#996600;
}


#nakamaarea{
line-height:200%;
margin-top:10px;
/*background-image:url(images/linkback.gif);
background-repeat:no-repeat;
background-position: 100% 100%;*/
}

/* link
------------------------------------------*/

#linkarea{
	line-height:1.9;
	margin-top:10px;
	background-image:url(images/linkback.gif);
	background-repeat:no-repeat;
	background-position: 100% 100%;
	float:left;
	position:relative;
	padding-right: 5px;
}

#linkarea .titlenavi{
clear:both;
}

#linkarea a:link,#linkarea a:visited,#linkarea a{
color:#CC3366;
font-weight:bold;
text-decoration:none;
font-size:102%;
}


#linkarea a:hover{
color:#FF9999;
font-weight:bold;
text-decoration:underline;
}

#linkarea .sitename{
margin:10px 0px 0px 0px;
padding:0;
}

#linkarea .marklink{
width:25px;
height:20px;
margin:0;
padding:0;
float:left;
}

#linkarea .small_ba{
color:#CC9966;
font-size:95%;
padding-left:5px;
}

#linkarea p{
font-size:96%;
line-height:1.6;
}




/* __sub
------------------------------------------*/

#leftcol{
	float:left;
	width:180px;
	margin-bottom:10px;
	padding:10px 10px 10px 35px;	
}

#leftcol h3 {
	font-size:100%;
	letter-spacing:1px;
	color: #CC9966;
	text-indent:10px;
}


#menu{
width:180px;
height:auto;
display:inline;
position:relative;
}

#menu ul,#menu li{
margin:0;
padding:0;
list-style:none;
}

#menu li{
padding:0;
margin:0;
display:block;
clear:both;
background-repeat:no-repeat;
}


#menu a:link,#menu a:visited,#menu a{
text-decoration:none;
display:block;
margin:0;
padding:0;
width:180px;
height:70px;
}

#menu a:hover{
display:block;
margin:0;
padding:0;
width:180px;
height:70px;
}

#menu img{
width:180px;
height:70px;
margin:0;
padding:0;
}

/*
#menu .text{
display:none;
}*/

#leftcol .dogimg{
width:150px;
height:170px;
margin-top:30px;
}

/*メンバーページ*/
#bosyu{
width:175px;
height:220px;
padding:0;
text-align:center;
margin:30px 0px 10px 0px;
clear:both;
position:relative;
}



#komon{
width:175px;
height:200px;
padding:0;
text-align:center;
margin:30px 0px 10px 0px;
clear:both;
position:relative;
}

#komon .ttl{
width:175px;
height:25px;
clear:both;
padding:0 0 5px 0;
margin:0;
}

#komon .spimg{
width:175px;
height:200px;
margin:0;
padding:0;
clear:both;
}




/*リンクページ*/
#item{
width:170px;
min-height:316px;
padding:5px 10px;
position:relative;
text-align:left;
line-height:140%;
margin:0px 0px 10px 0px;
clear:both;
position:relative;
background-image:url(images/itemback.gif);
background-repeat:no-repeat;
border:#FFCC99 dotted 2px;
}

* html #item{
height:316px;
}

#item .rubyitem{
margin-bottom:10px;
clear:both;
}



/*top*/
/*
.menutop a:link{
background-image:url(images/menu_top.gif);
}

.menutop a:visited{
background-image:url(images/menu_top.gif);
}
.menutop a:hover{
background-image:url(images/menu_top2.gif);
}
/*概要*/
/*
.menu1 a:link{
background-image:url(images/menu1.gif);
}

.menu1 a:visited{
background-image:url(images/menu1.gif);
}
.menu1 a:hover{
background-image:url(images/menu1_2.gif);
}
/*メンバー*/
/*
.menu2 a:link{
background-image:url(images/menu2.gif);
}

.menu2 a:visited{
background-image:url(images/menu2.gif);
}
.menu2 a:hover{
background-image:url(images/menu2_2.gif);
}
/*社長*/
/*
.menu3 a:link{
background-image:url(images/menu3.gif);
}

.menu3 a:visited{
background-image:url(images/menu3.gif);
}
.menu3 a:hover{
background-image:url(images/menu3_2.gif);
}

/*基次郎*/
/*
.menu4 a:link{
background-image:url(images/menu4.gif);
}

.menu4 a:visited{
background-image:url(images/menu4.gif);
}
.menu4 a:hover{
background-image:url(images/menu4_2.gif);
}


/*ボート仲間*/
/*
.menu5 a:link{
background-image:url(images/menu5.gif);
}

.menu5 a:visited{
background-image:url(images/menu5.gif);
}
.menu5 a:hover{
background-image:url(images/menu5_2.gif);
}


/*リンク*/
/*
.menu6 a:link{
background-image:url(images/menu6.gif);
}

.menu6 a:visited{
background-image:url(images/menu6.gif);
}
.menu6 a:hover{
background-image:url(images/menu6_2.gif);
}

*/


.menuphoto{
width:170px;
height:70px;
margin:0px 0px 0px 0px;
padding:0;
display:block;
}

/*font*/
.small{
font-size:90%;
}

.beige{
color:#996600;
}

.red{
color:#CC3333;
}
.red_bl{
color:#CC3366;
font-weight:bold;
}

.pink{
color:#FF9999;
}

.small_pink{
color:#FF6699;
font-size:90%;
}

.begie_ttl{
padding:0px 0px 0px 0px;
margin:7px 0px 0px 0px;
color:#996633;
font-weight:bold;
}

/* *** Float containers fix: */

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

/*--------------------MacIE5*/
/*\*//*/
@import url(macie5.css);
/**/

.div{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */