@charset "utf-8";

/* common
---------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-size:small;
	line-height:1.4;
	color:#666666;
	font-family:Arial,Helvetica,Verdana,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	background:#262626;
	text-align:center;
}
img{border:none; vertical-align:bottom;}
a{outline:none;}
#content p{margin-bottom:0.6em;}
#content .pm0 p{margin-bottom:0 !important;}
#content p.mb50{
	margin-bottom:50px !important;
}
#right .different{
	margin:15px 0 10px;
	padding:10px;
	border:1px solid #abd400;
}
.caution{
	color:#ff5c36;
}
.faq{
	list-style-type:none;
}
.faq li.question,
.faq li.answer{
	display:block;
	min-height:34px;
	padding-top:8px;
	padding-left:45px;
}
.faq li.question{
	background: url(/images/canoe/beginner/ico_q.gif) left top no-repeat;
}
.faq li.answer{
	background: url(/images/canoe/beginner/ico_a.gif) left top no-repeat;
}
.f10{
	font-size:10px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt50{
	margin-top:50px;
}
.mb25{
	margin-bottom:25px;
}
.mb50{
	margin-bottom:50px;
}
.center{
	text-align:center !important;
}
.right{
	text-align:right !important;
}
#right .different ul{
	list-style-type:none;
}
.beginnerLeft{
	display:block;
	float:left;
	width:340px;
}
.beginnerRight{
	display:block;
	float:right;
	width:340px;
}
.beginnerMenu{
	width:340px;
	padding-top:6px;
}
.beginnerMenu ul{
	list-style-type:none;
	border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
}
.beginnerMenu ul li{
	padding:10px;
	border-top:1px solid #cfcfcf;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#f5f5f5;
}
.beginnerMenu li a{
	font-weight:bold;
}
.fLeft{
	float:left;
}
.fRight{
	float:right;
}
.clear{
	clear:both;
}

hr{clear:both; visibility:hidden; border:none; height:1px;}
.clear{clear:both;}
.red{color:#FF3300; font-size:10px;}
.green{color:#009900; font-size:10px;}
.no{display:none;}
.clearfix:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}
.txt-right{
	text-align:right;
}
.btn-center{
	text-align:center;
	padding-top:20px;
}

/* padding margin
---------------------------------------------------- */
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.mb20{margin-bottom:20px;}


/* errer information
---------------------------------------------------- */
.info, .success, .error, .del, .none{
    margin:0 0 10px 0px;
    padding:15px 10px 15px 50px;
	font-weight:bold;
}
.info{
    color: #00529B;
    background:url(/images/common/i-info.jpg) no-repeat #BDE5F8  10px center;
	border:1px solid #00529b;
}
.success{
    color: #4F8A10;
    background:url(/images/common/i-success.jpg) no-repeat #DFF2BF 10px center;
	border:1px solid #4f8a10;
}
.error{
    color: #9F6000;
    background:url(/images/common/i-error.jpg) no-repeat #FEEFB3 10px center;
	border:1px solid #9f6000;
}
.del{
    color: #D8000C;
    background:url(/images/common/i-del.jpg) no-repeat #FFBABA 10px center;
	border:1px solid #d8000c;
}
.none{
    color:#484848;
    background:url(/images/common/i-none.jpg) no-repeat #dcdcdc 10px center;
	border:1px solid #6c6c6c;
}


/* Form textfield textarea
---------------------------------------------------- */
.textfield-1,
.textfield-2,
.textfield-3,
.textfield-4,
.textfield-5{
	padding:4px 3px;
	border:1px solid #ccc;
}
.textfield-1{width:50px;}
.textfield-2{width:100px;}
.textfield-3{width:200px;}
.textfield-4{width:350px;}
.textfield-5{width:595px;}

.textarea-1,
.textarea-2,
.textarea-3{
	padding:4px 3px;
	border:1px solid #ccc;
}
.textarea-1{width:500px; height:100px;}
.textarea-2{width:500px; height:200px;}
.textarea-3{width:500px; height:350px;}
.textarea-4{width:500px; height:450px;}


.submit-button{
	text-align:center;
	padding:20px 0 0 0;
}
.submit-button2{
	padding:20px 0 0 0;
}
.submit-button input,
.submit-button2 input{
	border:1px solid #666;
	background:#fff;
	padding:5px 15px;
	cursor:pointer;
}
.submit-button input:hover,
.submit-button2 input:hover{
	border:1px solid #666;
	background:#ccc;
	padding:5px 15px;
	cursor:pointer;
}

.file{
	padding:4px 3px;
	width:300px;
}

/* link
---------------------------------------------------- */
a {outline:none;}

a:link {
  color:#08a3ca;
}
a:visited {
  color:#865d86;
}
a:hover, a:active {
  color:#107f9b;
}


/* text
---------------------------------------------------- */
.txt-right{text-align:right;}
.txt-right2{
	text-align:right;
	margin-bottom:20px;
}
.txt-small{font-size:x-small;}




/* pagination
---------------------------------------------------- */
.pagination{
	text-align:center;
	padding:20px 0;
	list-style:none;
	clear:both;
	margin-top:20px;
}
.pagination li{
	display:inline;
}
.pagination a{
	border:1px solid #999999;
	background:#fff;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#666666;
}
.pagination a:visited{
	border:1px solid #999999;
	background:#eee;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#666666;
}
.pagination a:hover{
	border:1px solid #999999;
	background:#aaa;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#fff;
}

.pagination .nolink{
	border:1px solid #999999;
	background:#aaa;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#fff;
}

/* 404 
---------------------------------------------------- */
#notfound{
	text-align:center;
	width:940px;
	padding:20px 0;
	margin:0 auto;
}