/* ************************************************************* *
 *                          Wakamono-ouen                        *
 * ************************************************************* */

/* ====================
*        General
* ==================== */

h1{line-height:1;}
h2{margin-bottom:10px}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background: #EBEAE2;
	color:#404242;
}

a {outline: 0; color:#404242; line-height:1.8}

a:hover {color:#000}


.inverse{color:#fff}
.block{display:block}
.left{float:left}
.right{float:right}
.double-br{margin-top:1em; display:block}
.justify{text-align:justify}

.ouen_breadcrumb {
	padding: 0;
	margin: 0 0 18px;
	list-style: none;
	text-align:right;

}
.ouen_breadcrumb div{
	display: inline-block;
	*display: inline;
/*	text-shadow: 0 1px 0 #ffffff;*/
	*zoom: 1;
}

.ouen_breadcrumb .divider {padding: 0 5px; color: #999999;}
.ouen_breadcrumb .active{color: #333333}



.ouen_title{
	font-size: 24px;
	border-bottom: 4px solid #efefef;
	padding-bottom: 10px;
	letter-spacing: 0.03em;
	margin-top: 40px;
}
.ouen_title--first{
	margin-top: 0;
}

/* ====================
*        Header
* ==================== */

#header_container{
	background-color:#5DB0C2;;
	height: 340px;
	min-width: 940px;
	width: 100%;
}

#header_contents{
	position: relative;
	width: 940px;
	height:340px;
	background:url("/ouen-assets/img/ouen_header.png") no-repeat 97% 100%;
}


/* header left */

#header_left{
	width:300px;
	height:160px;
	background:#EBEAE2;
}
#header_left > h1{
	margin:15px 24px 0;
	font-size:12px;
	font-weight:normal;
}
#header_logo{
	margin:20px 30px 0;
}

/* header left end */



/* header right */

#header_right{
	width:620px;
	height:165px;
}
#header_right2{
	width:547px;
}

#header_right>div{
	clear:right;
}

#wakamono_ouen{
	float:right;
	display:block;
	margin:10px 0 0;
}

#contact_us{
	width:445px;
	background-color:#404242;
	color:#fff;
}
#contact_us p{
	padding-bottom: 8px;
	padding-left: 20px;
	font-weight: bold;
}
/*#contact_us > ul{
	margin:0 0 0 25px;
}
#contact_us > ul > li{
	list-style: none outside none;
	float: left;
}
#contact_us > ul > li > a{
	font-size:14px;
	color:#fff;
	padding: 9px 15px 9px 26px;
	display: block;
	width:75x;
	background: url("/ouen-assets/img/ouen_tinyarrow.png") no-repeat 10% 50%;
}
#contact_us > ul > li > a:hover{
	color:#FFFF00;
	text-decoration:none;
	background: url("/ouen-assets/img/ouen_tinyarrow_hover.png") no-repeat 10% 50%;
}*/


#social {
	width:220px;
	float:right;
	margin: 13px 0 0 5px;
	text-align: right;
}
iframe.twitter-share-button {
	width: 105px!important;
}


#header_map{
	width:345px;
	text-align: right;
}
#header_map > img{
	clear:right;
	margin-top:5px;
}

#header_nav{
	width:590px;
	float:right;
}
#header_nav > ul{
	list-style: none outside none;
	margin: 15px 0 0;
	padding: 0;
}
#header_nav > ul > li{
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#header_nav > ul > li > a{
	display: block;
	text-align: left;
	text-indent: -4000px;
}
#header_nav > ul > li#header_nav_about > a {background: url("/ouen-assets/img/header_nav.png") no-repeat scroll 0 0 transparent; height: 15px; width: 194px;}
#header_nav > ul > li#header_nav_programs > a {background: url("/ouen-assets/img/header_nav.png") no-repeat scroll -194px 0 transparent; height: 15px; width: 116px;}
#header_nav > ul > li#header_nav_voices > a {background: url("/ouen-assets/img/header_nav.png") no-repeat scroll -310px 0 transparent; height: 15px; width: 152px;}
#header_nav > ul > li#header_nav_aboutus > a {background: url("/ouen-assets/img/header_nav.png") no-repeat scroll -462px 0 transparent; height: 15px; width: 126px;}
#header_nav > ul > li#header_nav_about > a:hover {background: url("/ouen-assets/img/header_nav_hover.png") no-repeat scroll 0 0 transparent;}
#header_nav > ul > li#header_nav_programs > a:hover {background: url("/ouen-assets/img/header_nav_hover.png") no-repeat scroll -194px 0 transparent;}
#header_nav > ul > li#header_nav_voices > a:hover {background: url("/ouen-assets/img/header_nav_hover.png") no-repeat scroll -310px 0 transparent;}
#header_nav > ul > li#header_nav_aboutus > a:hover {background: url("/ouen-assets/img/header_nav_hover.png") no-repeat scroll -462px 0 transparent;}

/* header right end */



#header_main{
	position:absolute;
	top:210px;
	left:30px;
}

#header_main > h2{
	font-size:30px;
	letter-spacing:-1.5px;
}
#header_main > p{
	font-size:14px;
	line-height:24px;
}


/* ====================
*        Footer
* ==================== */

#footer{
	margin-top:30px;
}

#footer_copyright {
	color: #404242;
	font-size: 12px;
	text-align: left;
	margin:20px 0 0 0;

}

#back_to_top a{
	display:block;
	width:150px;
	height:48px;
	float:right;
	background:url('/ouen-assets/img/back_to_top.png') no-repeat 50% 50%;
}
#back_to_top a:hover{
	background:url('/ouen-assets/img/back_to_top_hover.png') no-repeat 50% 50%;
}

#back_to_top a span{
	display:none;
}


/* ====================
*        Main:Top
* ==================== */

/* layout */

#home_body{margin-top:40px}
.row.ouen{margin-top:20px}
.row.ouen.first{margin-top:0}
.row.ouen > a{display:block; position:relative}
.ouen.container [class*="blocks"], .ouen.container [class*="images"] {height:334px}
.ouen.container [class*="banner"] {height:113px}



/* image */

.row.ouen > a.blocks1 {background:url("/ouen-assets/img/blocks.png") no-repeat scroll 0 0 transparent;}
.row.ouen > a.blocks2 {background:url("/ouen-assets/img/blocks.png") no-repeat scroll -468px 0 transparent;}
.row.ouen > a.blocks3 {background:url("/ouen-assets/img/blocks.png") no-repeat scroll -688px 0 transparent;}
.row.ouen > a.blocks4 {background:url("/ouen-assets/img/blocks.png") no-repeat scroll -909px 0 transparent;}
.row.ouen > div.blocks5 {background:url("/ouen-assets/img/blocks.png") no-repeat scroll 0 -668px transparent;}
.row.ouen > a.blocks1:hover {background:url("/ouen-assets/img/blocks.png") no-repeat scroll 0 -334px transparent;}
.row.ouen > a.blocks2:hover {background:url("/ouen-assets/img/blocks.png") no-repeat scroll -468px -334px transparent;}
.row.ouen > a.blocks3:hover {background:url("/ouen-assets/img/blocks.png") no-repeat scroll -688px -334px transparent;}
.row.ouen > a.blocks4:hover {background:url("/ouen-assets/img/blocks.png") no-repeat scroll -909px -334px transparent;}

.row.ouen > a.images1 {background:url("/ouen-assets/img/ouen_picture5.png") no-repeat scroll 0 0 transparent;}
.row.ouen > a.images2 {background:url("/ouen-assets/img/ouen_picture4.png") no-repeat scroll 0 0 transparent;}
.row.ouen > a.images3 {background:url("/ouen-assets/img/ouen_picture1.png") no-repeat scroll 0 0 transparent;}
.row.ouen > a.images4 {background:url("/ouen-assets/img/ouen_picture2.png") no-repeat scroll 0 0 transparent;}
.row.ouen > a.images5 {background:url("/ouen-assets/img/ouen_picture3.png") no-repeat scroll 0 0 transparent;}

.row.ouen > a.banner1 {background:url("/ouen-assets/img/banner.png") no-repeat scroll -459px 0 transparent;}
.row.ouen > a.banner2 {background:url("/ouen-assets/img/banner.png") no-repeat scroll 1px 0 transparent;}
.row.ouen > a.banner1:hover {background:url("/ouen-assets/img/banner.png") no-repeat scroll -459px -113px transparent;}
.row.ouen > a.banner2:hover {background:url("/ouen-assets/img/banner.png") no-repeat scroll 1px -113px transparent;}


.row.ouen > a > .program_description{
	display:none;
	margin-top:189px;
	margin-bottom:0;
	height:145px;
	width:220px;
	position: absolute;
	bottom: 0;
}

.row.ouen > a > .program_description > span{
	display:block;
	text-indent:-4000px;
}

.row.ouen > a.images1 > p.program_description{background:url("/ouen-assets/img/program_description.png") no-repeat scroll 0 0 transparent;}
.row.ouen > a.images2 > p.program_description{background:url("/ouen-assets/img/program_description.png") no-repeat scroll 0 -145px transparent;}
.row.ouen > a.images3 > p.program_description{background:url("/ouen-assets/img/program_description.png") no-repeat scroll 0 -290px transparent;}
.row.ouen > a.images4 > p.program_description{background:url("/ouen-assets/img/program_description.png") no-repeat scroll 0 -435px transparent;}
.row.ouen > a.images5 > p.program_description{background:url("/ouen-assets/img/program_description.png") no-repeat scroll 0 -580px transparent;}


/* text */

.row.ouen > a:hover{text-decoration:none;}

a.blocks1 > h3{margin:30px 0 0 30px}
a.blocks1 > p{margin:15px 0 0 30px; font-size:16px; line-height:20px}
a.blocks1 > h4{margin:27px 0 0 30px; font-size:24px}
a.blocks2 > h3{margin:160px 0 0 33px}
a.blocks3 > h3{margin:160px 0 0 58px}
a.blocks4 > h3{margin:160px 0 0 32px}
div.blocks5 > h3{margin:35px 0 0 35px}
div.blocks5 > dl {font-size:14px;margin:25px 0 0 35px;}
div.blocks5 > dl > dt{
	width:95px;
	clear: left;
	float: left;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.blocks5 > dl > dd{width:300px; margin-left: 95px}
a.banner2 > h3{margin:30px 0 0 120px}
a.banner1 > h3{margin:30px 0 0 120px}



/* ====================
*      Main:About
* ==================== */

/* layout */

.ouen.span9{
	background-color:#fff;
	padding:40px 30px 60px 30px;
	width:640px;
}

.ouen_midashi{
	margin:60px 0 30px 0;
}


/* sidebar */

ul#sidebar{
	list-style: none outside none;
	margin: 0;
	padding: 0 0 40px 0;
}
ul#sidebanner{
	list-style: none outside none;
	margin: 0;
	padding: 30px 0 0 0;
	border-top:1px dotted;
}
ul#sidebanner > li, ul#sidebar > li{
	margin-top: 15px;
	padding: 0;
	text-align: center;
}
ul#sidebar > li#sidebar_about{
	margin-top:0;
}
ul#sidebar > li > a, ul#sidebanner > li > a{
	display: block;
	text-align: left;
	text-indent: -4000px;
}
ul#sidebar > li#sidebar_about > a {background: url("/ouen-assets/img/sidebar.png") no-repeat scroll -221px 0 transparent; height: 90px; width: 221px;}
ul#sidebar > li#sidebar_programs > a {background: url("/ouen-assets/img/sidebar.png") no-repeat scroll -221px -90px transparent; height: 90px; width: 221px;}
ul#sidebar > li#sidebar_voices > a {background: url("/ouen-assets/img/sidebar.png") no-repeat scroll -221px -180px transparent; height: 90px; width: 221px;}
ul#sidebar > li#sidebar_aboutus > a {background: url("/ouen-assets/img/sidebar.png") no-repeat scroll -221px -270px transparent; height: 90px; width: 221px;}

ul#sidebar > li#sidebar_about > a:hover {background: url("/ouen-assets/img/sidebar.png") no-repeat scroll 0 0 transparent;}
ul#sidebar > li#sidebar_programs > a:hover {background: url("/ouen-assets/img/sidebar.png") no-repeat scroll 0 -90px transparent;}
ul#sidebar > li#sidebar_voices > a:hover {background: url("/ouen-assets/img/sidebar.png") no-repeat scroll 0 -180px transparent;}
ul#sidebar > li#sidebar_aboutus > a:hover {background: url("/ouen-assets/img/sidebar.png") no-repeat scroll 0 -270px transparent;}

ul#sidebar > li#sidebar_about > a.active {background: url("/ouen-assets/img/sidebar.png") no-repeat scroll 0 0 transparent;}
ul#sidebar > li#sidebar_programs > a.active {background: url("/ouen-assets/img/sidebar.png") no-repeat scroll 0 -90px transparent;}
ul#sidebar > li#sidebar_voices > a.active {background: url("/ouen-assets/img/sidebar.png") no-repeat scroll 0 -180px transparent;}
ul#sidebar > li#sidebar_aboutus > a.active {background: url("/ouen-assets/img/sidebar.png") no-repeat scroll 0 -270px transparent;}


ul#sidebanner > li#sidebanner1 > a {background: url("/ouen-assets/img/sidebanner.png") no-repeat scroll 0 0 transparent; height: 90px; width: 221px;}
ul#sidebanner > li#sidebanner2 > a {background: url("/ouen-assets/img/sidebanner.png") no-repeat scroll 0 -90px transparent; height: 90px; width: 221px;}
ul#sidebanner > li#sidebanner3 > a {background: url("/ouen-assets/img/sidebanner.png") no-repeat scroll 0 -180px transparent; height: 90px; width: 221px;}
ul#sidebanner > li#sidebanner1:hover > a {background: url("/ouen-assets/img/sidebanner.png") no-repeat scroll -221px 0 transparent; height: 90px; width: 221px;}
ul#sidebanner > li#sidebanner2:hover > a {background: url("/ouen-assets/img/sidebanner.png") no-repeat scroll -221px -90px transparent; height: 90px; width: 221px;}
ul#sidebanner > li#sidebanner3:hover > a {background: url("/ouen-assets/img/sidebanner.png") no-repeat scroll -221px -180px transparent; height: 90px; width: 221px;}




/* main */



#ouen_gaiyo{
	width:626px;
	height:210px;
	background: url("/ouen-assets/img/ouen_gaiyo.png") no-repeat scroll 0 0 transparent;
	position:relative;
	margin-top:30px;
}

#ouen_gaiyo *{
	position:absolute;
	font-size:12px;
}

#ouen_gaiyo_headline1{top:20px; left:3px;}
#ouen_gaiyo_headline2{top:20px; left:132px;}
#ouen_gaiyo_headline3{top:20px; left:346px;}
#ouen_gaiyo_headline4{top:20px; left:547px;}

#ouen_gaiyo_text1{font-size: 14px; left: -5px; line-height: 4.5; text-align: center; top: 55px; width: 80px}
#ouen_gaiyo_text2-1{left: 163px; line-height: 1.1; top: 70px; width: 90px}
#ouen_gaiyo_text2-2{left: 163px; top: 99px}
#ouen_gaiyo_text2-3{left: 163px; top: 127px}
#ouen_gaiyo_text2-4{left: 163px; line-height: 1.1; top: 155px; width: 110px}
#ouen_gaiyo_text3{left: 370px; top: 95px;}
#ouen_gaiyo_text4{left: 363px; line-height: 1.5; top: 135px; width: 80px}
#ouen_gaiyo_text5{font-size: 14px; left: 565px; top: 48px}
#ouen_gaiyo_text6{font-size: 14px; left: 565px; top: 112px}

#ouen_gaiyo_link{display:block; font-size: 14px; left: 357px; line-height: 1.1; top: 65px; width: 120px; height: 50px}
#ouen_gaiyo_link > span{display:block; text-indent:-1000px}

.ouen_fee{
	font-size: 20px;
	font-weight: bold;

}


/* ====================
*      Main:Programs
* ==================== */

.programs_content{
	overflow:hidden;
	margin:30px 0 95px;
	position:relative;
}
.programs_content > p{
	margin-top:0;
}

.programs_left{
	width:360px;
	margin-right:40px;
	font-size:12px;
	line-height:1.7;
}

.programs_more{
	padding-left:15px;
	display:block;
	position:absolute;
	top:200px;
	left:0;
	background:url('/ouen-assets/img/ouen_blackarrow.png') no-repeat scroll 0 40% transparent;
	line-height:1;
}

.programs_right{
	width:220px;
	display:block;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  border: 0;
  }


/* ====================
*      Main:Voices
* ==================== */

.span9 .voices p{
	font-size: 15px;
	line-height: 1.6;
	margin: 1.55em 0;
}
.span9 .voices h4{
	font-size: 18px;
	margin: 2.5em 0 1em;
	line-height: 1.3;
}

.voices_left{
	display:block;
	width:106px;
	margin-right:30px;
}
.voices_right{
	width:480px;
}

.voices_content{
	overflow:hidden;
	margin:30px 0 0;
}

.voices_staff{
	display:block;
	margin-top:40px;
}

.voices_message{
	margin-top:30px;
	font-size:12px;
	line-height:1.7;
}

.voices_box{
	width: 270px;
	margin-top: 30px;
}

.box_left{
	float: left;
}

.box_right{
	margin-left: 330px;
}

.voices_icon{
	display: block;
	text-indent: -9999px;
	width: 70px;
	height: 100px;
	float: left;
}
.voices_icon_boy{background: url('/ouen-assets/img/ouen_voice_logo.png') no-repeat -180px 0;}
.voices_icon_boy:hover{background: url('/ouen-assets/img/ouen_voice_logo.png') no-repeat -117px 0;}

.voices_desc{
	width: 200px;
	margin-left: 70px;
	padding-left: 20px;
	border-left: 1px solid #ccc;
}
.voices_desc h4{
	margin-bottom: 10px;
}

.voices_link{
	padding-left: 20px;
	background: url("/ouen-assets/img/ouen_smallarrow.png") no-repeat 0 40%;
}

.voices_headline{
	border-bottom: 3px solid #b4b4b4;
	padding-bottom: 5px;
}

.voices_intro{
	padding-bottom: 2em;
	border-bottom: 1px solid #ccc;
}

/* ====================
*      Main:Aboutus
* ==================== */

.aboutus_mission > img, .aboutus_mission p.aboutus_message{
	margin-top:30px
}

.aboutus_mission p{
	font-size:12px;
	line-height:1.7;
}

.aboutus_outline > dl {font-size:12px}
.aboutus_outline > dl > dt{
	width:120px;
	clear: left;
	float: left;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}
.aboutus_outline > dl > dd{width:400px; margin-left: 120px;}
.aboutus_outline > dl > dd > a{text-decoration:underline}
.aboutus_outline > dl > dd > a:hover{text-decoration:none}

#aboutus_banner{
	background: url("/ouen-assets/img/banner.png") no-repeat scroll 1px 0 transparent;
	height:83px;
	width:340px;
	display:block;
	padding:30px 0 0 120px;
	margin-top:35px;
}



/* ====================
*      Main:Form
* ==================== */

.wpcf7-form-control{
	width:510px;
}

input[type="text"].wpcf7-form-control, input[type="email"].wpcf7-form-control, input[type="tel"].wpcf7-form-control{
	height: 30px;
}

.wpcf7 .wpcf7-submit{
	height: 40px;
	margin-top:30px;
	margin-left: auto;
	margin-right:auto;
	display:block;
	width: 300px;
}
span.wpcf7-list-item {display: block;}

.outlineRow.recruitForm a{
	display:block;
	padding:22px 0 22px 50px;
	background:url('/ouen-assets/img/voicesArrow.png') no-repeat scroll 7% 50% transparent;
	text-indent:0;
	border:#dfdfdf 1px solid;
}



/* after */

#header_right2{
	width: 397px;
}
.header_right2_img{
	margin-left: 10px;
}