@charset "UTF-8"

/*Copyright (c) 2002-2010 workroom Co., Ltd. All rights reserved.*/

/*---------------------------------basic form------------------------------------*/
*{margin:0; padding:0;}

body{
	background-color:#ffffff;
	color: #000000;
	font-size:8pt;
	line-height:140%;
	}
	
img{border-width:0px;}
hr{
	margin-top:20px;
	border:#F7C8AB 1px dotted;
	}

.wrapper{
	width: 800px; 
	margin:10px auto;
	}

.contents{
	width:100%; 
	border:1px solid #dddddd; 
	background-color:#ffffff;
	}

.padding{padding:10px;}
.padding_left{
	padding-left:20px;
	padding-right:20px;
	}
.invisible{text-indent:-9999px;}

/*---------------------------------top head------------------------------------*/
.tophead {text-align:right!important; color:#ff9157; text-decoration: none; background-color:#ffffff;}
.tophead a{color:#ff6d20; text-decoration: none;}
.tophead a:hover{color:red; text-decoration: underline;}

/*---------------------------------header------------------------------------*/
.header{width:100%; height:115px;border-bottom:1px solid #dddddd;}
.header a{color: #005BAC; text-decoration: none;}
.header a:visited {color: #ff9157; text-decoration: none;}
.header a:hover {color: red; text-decoration: none;}
	
/*---------------------------------navi------------------------------------*/
.navi{
	background-color:#ffffff;
	border-top:1px solid #ff9157; 
	height:16px;
	}
.navi ul{
	list-style:none;
	 font:10pt bolder;
	 margin:0; 
	 padding:0;
	 }
.navi li {
	text-decoration:none; 
	text-align:center; 
	width:96px; height:16px; 
	float:left;
	border-left:1px solid #ff9157; }
.navi li a{
	display:block; 
	font-weight: bold;
	color:#808080;
	text-decoration:none;}
.navi li a:hover {
	color:#000000; 
	background-color:#F7C8AB;
	height:16px;}
.navi li.selected{
	color:#000000; 
	background-color:#F7C8AB; 
	font-weight: bold;
	float:left;}

/*---------------------------------main------------------------------------*/
.main a{color: #ff6d20; text-decoration: none;}
.main a:visited {color: #ff6d20; text-decoration: none;}
.main a:hover {color: red; text-decoration: none;}
.main{
	padding:10px;
	float:none;
	background-color:#ffffff;
	overflow: hidden;}
	
.main:after {content: ""; display: block; clear: both; height: 1px;
    overflow: hidden;}
/*¥*/
* html .main {height: 1em; overflow: visible;}
/**/

/*---------------------------------main left------------------------------------*/
.main_left{
	border-right:0px solid #005bac;
 	width:280px;
	float:left;
	text-align:left;
	vertical-align:middle;
 	background-color:#ffffff;
	color:#666666;}
.main_left a{color: #ff6d20; text-decoration: none;}
.main_left a:hover {color: red!important; text-decoration: none;}
.main_left a:visited {color: #ff6d20; text-decoration: none;}

.main_left ul{list-style:none; list-style-image: url(../henachoco/list_2.jpg);}
.main_left li a{color: #ff6d20; text-decoration: none;}
.main_left ul li a:hover {color: red; text-decoration: none;}
.main_left li a:visited {color: #ff6d20; text-decoration: none;}

.main_left object{
margin-left:20px;}



/*---------------------------------main right------------------------------------*/	 
.main_right{
	border-left:0px solid #005bac;
	width:499px; 
	float:right; 
	background-color:#ffffff;
	color:#666666;
	line-height:140%;}
	
.main_right a{color: #ff6d20; text-decoration: none;}
.main_right a:visited {color: #ff6d20; text-decoration: none;}
.main_right a:hover {color: red; text-decoration: none;}

.main_right img{ margin:10px;}

.main_right ul{list-style:none; list-style-image: url(../sq_2.jpg);}
.main_right li a{color: #000000; text-decoration: none;}
.main_right ul li a:hover {color: red; text-decoration: none;}
.main_right li a:visited {color: #000000; text-decoration: none;}

/*---------------------------------top main left------------------------------------*/
.top_main_left{
	border-right:0px solid #005BAC;
	width:260px;
	float:left; 
	text-align:left; 
	padding:10px; 
	background-color:#ffffff;
}

/*---------------------------------top main right------------------------------------*/	 
.top_main_right{
	border:0px dashed #005BAC;
	width:480px; 
	float:right; 
	padding:10px; 
	background-color:#ffffff;
	}

.recommend{
	float:left;
	}

.osusume_title{
	border:1px solid #dddddd;
	width:270px; 
	height:10px; 
	padding:10px; 
	background-color:#ffffff;
	color:#ff9157;
	text-align:center;
	}
.osusume{
	border:1px solid #dddddd;
	width:270px; 
	height:78px; 
	padding:10px; 
	background-color:#ffffff;
	text-align:left;
	}
.osusume img{
	margin-right:10px;
	}
	
.top_main_right a{color: #000000; text-decoration: none;}
.top_main_right a:visited {color: #000000; text-decoration: none;}
.top_main_right a:hover {color: #ff9157; text-decoration: none;}

.hena_info{
	width:160px; 
	float:right; 
	padding-right:10px; 
	}
	
.hena_info_open{
	border:1px solid #ff9157;
	width:140px; 
	height:10px; 
	padding:10px; 
	background-color:#ff9157;
	color:#ffffff;
	text-align:center;
	}
.hena_info_eigyo{
	border:1px solid #dddddd;
	width:140px; 
	padding:10px; 
	background-color:#ffffff;
	color:#e4007f;
	text-align:center;
	}
	
.hena_info_menu{
	border:1px solid #dddddd;
	width:140px; 
	height:20px;
	padding:10px; 
	color:#e4007f;
	text-align:right;
	}
.hena_info_menu a{color: #ff9157; text-decoration: none;}
.hena_info_menu a:visited {color: #ff9157; text-decoration: none;}
.hena_info_menu a:hover {color: #000000; text-decoration: none;}

.hena_ad{
	margin-top:10px;
	border:1px solid #ff9157;
	width:150px;
	padding:5px; 
	background-color:#ff9157;
	color:#ffffff;
	text-align:center;
	}
.hena_ad a{color: #ffffff; text-decoration: none;}
.hena_ad a:visited {color: #ffffff; text-decoration: none;}
.hena_ad a:hover {color: #000000; text-decoration: none;}

/*---------------------------------footer------------------------------------*/	 
.footer{float:clear; 
	width:100%; text-align:right; 
	color:#ff9157; font-size:8pt; 
	background-color:#ffffff;}


/*---------------------------------font------------------------------------*/
h1{
	height:50px;
	padding-top:20px;
	font-size:10pt; 
	font-weight:bold;
	color:#000000 ;
	text-indent:60px; 
	background:url(../henachoco/ojisan_h1.jpg) no-repeat;
	}
	
h2{
	height:30px;
	padding-top:5px;
	font-size:9pt; 
	font-weight:bold;
	color:#000000 ;
	text-indent:20px; 
	background:url(../henachoco/h2.jpg) no-repeat;
	}
	
.topic{padding:7px ; 
	text-indent:2em; 
	background:url(../sq_3.jpg) no-repeat;
	color:#000000; 
	font-size:10pt; 
	font-weight: bold; 
	letter-spacing:0.1em;
	line-height:110%; 
	}
.work_title{ line-height:180%; 
	text-indent:1em; 
	color:#ff6d20; 
	font-size:9pt; 
	font-weight: normal;
	letter-spacing:1px;
	border-top:1px solid #ff9157; 
	border-bottom:1px solid #ff9157; 
	}
.waku{border:1px solid #808080;}
.work_name{
	 line-height:120%; 
	 color:#000000; 
	 font-size:8pt; 
	 font-weight: normal; }
.teacher{
	line-height:140%; 
	color:#153975; 
	font-size:7pt; 
	font-weight: normal; }

.white{color:white;}
.black{color:black;}
.red{color:red;}
.orange{color:#ff9157;}
.st_orange{color:#ff6d20;}
.blue{color:#005d7f;}

.smaller 
{ font-size: 11px; font-style: normal; 
line-height: 140%; font-weight: normal; color: #666666;}
.smallest 
{ font-size: 7pt; font-style: normal; font-weight: normal; color: #000000;}
.bold {font-size: 10px; 
line-height: 150%; font-weight: bold; color: #666666;}
.bold_large {font-size: 12px; 
line-height: 170%; font-weight: bold; color: #666666 ;}

.normal_e {font-family: "Arial", "Helvetica", "sans-serif"; 
font-size:10px; font-style: normal; line-height: 14px; font-weight: normal; color: #666666;}
.normal_e_link { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; font-style: normal; 
line-height: 14px; font-weight: normal; color: #FF9157; text-decoration: none;}



/*---------------------------------sub window------------------------------------*/
.close{text-align:right; color:#ffffff; text-decoration: none; background-color:#FFFFFF;}
.close a{color:#ffffff; text-decoration: none;}
.close a:hover{color:#ffffff; text-decoration: none; font-weight:bold;}

.sub_wrapper{width: 550px; margin:30px auto; }
.sub{width:100%; background:url() no-repeat bottom right #ffffff;}
.sub_title{padding:1em 2em; border:1px solid #FF9157; text-align:left; color:#000000; font-size:12pt;}
.sub_img{padding:0.5em; border:1px dotted #FF9157; text-align:center;}
.sub_contents{margin-top:5px; padding:2em 5em; line-height:150%; border:1px solid #FF9157;}
.sub_contents a:hover {color: #FF9157; text-decoration: underline;}
.sub_contents a:link, a:active, a:visited {color: #FF9157; text-decoration: none;}



	
	.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}