@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	border: 0px;
}

body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,input,textarea,pre { margin: 0; padding: 0; }
ul, li { list-style-type: none; }
a { color: #17388c; text-decoration: none; outline: 0; font-weight: bold; }
a:visited { color: #0d27c4; text-decoration: none; }
a:hover { color: #0676ea; text-decoration: underline; outline: 0; font-weight: bold;}
a:active { color: #0676ea; text-decoration: underline; outline: 0; }
hr { display: none; }
em, address { font-style: normal; }
strong { font-weight: bold; }
.clear { clear: both; padding-right: 5px; text-align: right; }
.fL { float: left; }
.fR { float: right; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
p { margin: 0 0 10px 0; }
img { border: 0; }

/*------------clearfix-------------*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*---------------------------------*/

body {
	width : 100%;
	text-align: left;
	background: #eee;
}

#wrapper {
	margin : 0 auto;
	padding: 0px;
	width : 920px;
	background: #fff;
	color: #333;
}

	#head {
		text-align: left;
		width : 920px;
		height: 100%;
	}
	
		.head-pr {
			padding: 0;
			width: 920px;
			height: 30px;
		}
		
		
			.pr-box {
				float: left;
				padding: 5px 10px;
				width: 380px;
				height: 10px;
				text-align: left;
			}	
                        #cse {
				float: left;
                                padding: 5px 10px;
                                width: 220px;
				height: 10px;
				text-align: right;
                        }
			#top-link {
				float: left;
				padding: 5px 10px;
				width: 260px;
				height: 10px;
				text-align: right;
			}
			
				#keywords1	{
					padding: 2px 2px 2px 26px;
					width: 150px;
					height: 18px;
					background: url(../image/search.png) 0 0 no-repeat;
					border: 1px solid #CCC;
				}
				#searchBtn1	{
					width: 50px;
					height: 20px;
					padding: 2px 0 0 10px;
					position: absolute;
				}

	#whatis {
		padding: 10px 0 0 10px;
		width : 910px;
		height: 64px;
		background: url(../image/topline_bg.jpg) 0 0 repeat-x;
	}
		
		#whatis p {
			margin: 0 auto;
			font-family: "あくあフォント";
			font-size: 17px;
			font-weight: bold;
			text-align: left;
		}

		#whatis ul {
			padding: 8px 0 0 0;
			height: 15px;
			text-align: center;
		}
				
			#whatis ul li {
				display: inline;
				margin: 0 10px 0 0;
				padding: 0 0 0 15px;
				background: url(../image/head_li.jpg) 0 0 no-repeat;
			}
					
	.title-box {
		margin-top: 10px;
		width: 920px;
		height: 80px;
	}
	
		.title {
			float: left;
			margin: 0 0 0 10px;
			width: 314px;
			height: 76px;
			text-align: 76px;
			text-align: left;
		}
		
		
		
		.rightcon {
			float: right;
			margin: 0 10px 0 0 ;
			width: 552px;
			height: 78px;
			font-size: 14px;
			line-height: 10px;
			background: url(../image/1.jpg) 0 0 no-repeat;
		}
	
			.rightcon p { padding: 0 0 0 10px; }

	
		#nav{
			margin: 0 0 0 75px;
			width : 920px;
			height: 150px;
			list-style-type : none;
			text-decoration: none;
			text-align: center;
			vertical-align: top;

		}
			.menu li{ display : inline; }
			
				.menu li a {
					float:left;
					margin: 0 60px 0 0;
					padding: 0;
					width : 105px;
					height:150px;
					display : block;
					text-align: center;
					text-indent: -9999em;
				}
				
			.menuhover { background:url(../image/menu_hover.jpg) no-repeat; color: #FFFFFF;text-decoration: none; }
			
			.menu .menu01 a { background:url(../image/japhis_bg.jpg) no-repeat; color: #808080;text-decoration: none; }
			.menu .menu01 a:hover { background:url(../image/japhis_hov.jpg) no-repeat; color: #FFFFFF;text-decoration: none; }
			
			.menu .menu02 a { background:url(../image/jap_bg.jpg) no-repeat; color: #808080;text-decoration: none; }
			.menu .menu02 a:hover { background:url(../image/jap_hov.jpg) no-repeat ;color: #FFFFFF;text-decoration: none; }
			
			.menu .menu03 a { background:url(../image/wor_bg.jpg) no-repeat; color: #808080;text-decoration: none; }
			.menu .menu03 a:hover { background: url(../image/wor_hov.jpg) no-repeat; color: #FFFFFF;text-decoration: none; }
			
			.menu .menu04 a { background:url(../image/mus_bg.jpg) no-repeat; color: #808080;text-decoration: none; }
			.menu .menu04 a:hover { background:url(../image/mus_hov.jpg) no-repeat; color: #FFFFFF;text-decoration: none; }
			
			.menu .menu05 a { background:url(../image/art_bg.jpg) no-repeat; color: #808080;text-decoration: none; }
			.menu .menu05 a:hover { background:url(../image/art_hov.jpg) no-repeat; color: #FFFFFF;text-decoration: none; }


			
	#main {
		width : 920px;
		font-size: 12px;
	}
	
				#breadcrumb {
					margin: 0 10px 0 0;
					padding: 0;
					text-align: right;
				}
					
						#breadcrumb ul li { display: inline; }
	
		#main-cont {
			margin: 0;
			padding: 0px;
			width: 610px;
			float : left;
			text-align: left;
			border-right: #333 solid 1px
		}
		
			#main-cont h3 {
				margin: 10px  0 0 10px;
				padding: 17px 0 0 15px;
				width: 585px;
				height: 35px;
				display:block;
				font-family: "あくあフォント";
				font-size: 20px;
				font-weight: bold;
				color: #fff;
				text-shadow: #000 2px -2px 2px;
				background: url(../image/h3_ttl.jpg) 0 0 no-repeat;
			}
	
				.section {
					margin: 0 10px 10px 10px;
					padding: 5px 0 0 10px;
					border: #ccc solid 1px;
					-moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px;
					-moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px; 
					-moz-border-radius-bottomright : 10px; -webkit-border-radius-bottomright : 10px;
					-moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottomleft: 10px;
				}
				
					.section ul {
						margin: 5px 0;
						list-style-type: none;
					}
					
						.section ul li {
							display: inline;
							margin: 5px 0;
							padding: 0 0 0 15px;
							line-height: 14px;
							background: url(../image/con_li.jpg) 0 center no-repeat;
						}
						
					.news ul {
						display: block;
						margin: 5px 0;
						list-style-type: none;
					}
					
						.news ul li {
							display: block;
							margin: 5px 0;
							padding: 0 0 0 15px;
							line-height: 14px;
							background: url(../image/con_li.jpg) 0 center no-repeat;
						}						
					
				.mini_section {
					clear: both;
					margin: 0 10px;
					overflow: hidden;
					}
					
					.cont_l {
					float: left;
					margin: 0 0 10px 10px;
					padding: 5px 0;
					width: 165px;
					text-align: center;
					border: #ccc solid 1px;
					-moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px;
					-moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px; 
					-moz-border-radius-bottomright : 10px; -webkit-border-radius-bottomright : 10px;
					-moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottomleft: 10px;
					}

						
					.cont_r {
						float: right;
						margin-right: 10px;
						padding: 5px 0 0 10px;
						width: 375px ;
						border: #ccc solid 1px;
						-moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px;
						-moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px; 
						-moz-border-radius-bottomright : 10px; -webkit-border-radius-bottomright : 10px;
						-moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottomleft: 10px;
					}
					
						
				.section02 {
					margin: 5px 0 0 10px;
					height: 100%;
				}
						
					.section02 .item, .section02 .collection {
						float: left;
						padding: 10px 0 0 0;
						width: 183px;
						height: 290px;
						background: url(../image/rinking_bg.jpg) 0 0 no-repeat;
					}
					
					.section02 .item_l, .section02 .collection_l {
						float: left;
						margin: 0 0 0 19px;
						padding: 10px 0 0 0;
						width: 183px;
						height: 290px;
						background: url(../image/rinking_bg.jpg) 0 0 no-repeat;
					}
					
						.section02 .item p, .section02 .item_l p{
							line-height: 6px;
							text-align: center;
						}
							
							
						.collection p, .collection_l p {
							line-height: 15px;
							text-align: center;
						}
						
					
	#side_menu {
		float : left;
		margin: 0;
		padding: 0px 0 0 9px;
		width: 289px;
		text-align: center;
	}
	
		.side-navi {
			margin-bottom:10px;
			padding: 20px 0 0 0;
			width: 290px;
			height: 300px;
			list-style-type : none;
			font-size:12px;
			line-height: 50px;
			background:url(../image/side_ran.jpg) no-repeat;
		
		}
			.side-navi h5{ margin: 0; }
				
			.side-navi p { line-height: 20px; }

		.becoming {
			margin: 10px 0 0 0;
			padding: 20px 10px 0 10px;
			width: 270px;
			height: 360px;
			list-style-type : none;
			font-size:12px;
			line-height: 20px;
			background:url(../image/side_narikiru_bg.jpg) no-repeat;
		
		}
			
		.consultation {
			margin: 10px 0 0 0;
			padding: 15px 10px 0 10px;
			width: 270px;
			height: 325px;
			background:url(../image/side_bg.jpg) 0 0 no-repeat;
		}
		
			.consultation p, .teach p, .becoming p{
				padding-top: 10px; 
				text-align: left;
				font-weight: bold;
			}
		
		.teach {
			margin:10px 0 0 0;
			padding: 10px 10px 0 10px;
			width: 270px;
			height: 100%;
			border-top: #17388c solid 1px; border-right: #17388c solid 1px; border-left: #17388c solid 1px;
			-moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px;
			-moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px; 
		}	
		
			p.img { margin: -10px 0 0 0; }
			
			p.onayami { text-align: right; }
				

	#footer {
		padding: 15px 0 0 10px;
		width : 910px;
		height: 100%;
		background: url(../image/line_bg.jpg) 0 0 repeat-x;
	}
	
		#footer h6 {
			margin: 0;
			font-family: "あくあフォント";
			font-size: 17px;
			font-weight: bold;
			text-align: left;
		}

		#footer ul {
			margin: 0;
			padding: 8px 0 0 0;
			height: 15px;
			text-align: left;
		}
				
			#footer ul li {
				display: inline;
				margin: 0 10px 0 0;
				padding: 0 0 0 25px;
				width: 100px;
				background: url(../image/foot_li.jpg) 0 center no-repeat;
			}	
			
		#footer address { padding: 10px 0 0 0; text-align: center; }

.h4_ttl{
	display:block;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 7px 0 0 30px;
	width: 300px;
	height: 23px;
	color: #fff;
	background:url(../image/h4_ttl.jpg) no-repeat;
}
.sm_ttl{
	margin: 10px 0;
	width: 290px;
	height: 320px;
	display:block;
	font-size: 13px;
	color: #333;
	background:url(../image/side_ran.jpg) no-repeat;
}
input {
    border: 1px solid #666;
}