/*======================================

	 YUI reset.css

=======================================*/

/*html{color:#000;background:#FFF;}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:bold}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/*======================================

	 YUI font.css

=======================================*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

/*======================================

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	| 	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

=======================================*/

/*======================================

	 Universal selector

=======================================*/

* {
color: #000;
/*font-weight: normal;*/
font-style: normal;
}

/*======================================

	 html,BODY

=======================================*/

body {
font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3" ,"Hiragino Kaku Gothic Pro",Osaka,"‚l‚r ‚oƒSƒVƒbƒN",verdana,arial,sans-serif;
line-height: 1.6;
text-align:center;
}

/*======================================

	 Hypertext 

=======================================*/

a {text-decoration: none;}

a:link{color:#00a0da;}

a:visited {color:#0080af;}

a:hover {color:#00ffff;}


/*======================================

	util

=======================================*/

/*clearFix hac*/
.clearFix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.clearFix {display: inline-table;}

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

.clear {clear: both;}

/*======================================

	 Wrapper 

=======================================*/

#wrapper {
width:950px;
text-align:left;
margin: 0 auto;
/*padding-top: 15px;*/
padding-top: 5px;
padding-bottom:15px;

background:#FFFFFF url(img/line_dot.gif) no-repeat scroll 20px bottom;
border: 1px solid #62624A;
border-bottom: none;
border-top: none;
}


/*======================================

	 Main 

=======================================*/

#main{
margin:0 0 0 20px;
float:left;
_display:inline;
width:910px;
position: relative;
}

/*======================================

	 Footer 

=======================================*/

#footer{
text-align:left;
margin:0 auto 25px;
padding:15px 20px 40px;
clear:both;
width:910px;
border: 1px solid #62624A;
border-top: none;
}

#footer p.txtLink{
float:right;
font-size:77%;
}

#footer p.txtLink a {text-decoration: none;}
#footer p.txtLink a:link{color:#62614c;}
#footer p.txtLink a:visited {color:#62614c;}
#footer p.txtLink a:hover {color:#3c7f1e;}

p#pageUp{
width:950px;
margin:0 auto;
position:relative;
}

p#pageUp a{
position:absolute;
display:block;
width:77px;
height:22px;
top:-60px;
left:860px;
text-indent:-9999px;
background:transparent url(img/pagetop.gif) no-repeat 0 0;
/*not mac ie5*/
/*\*/
overflow: hidden;
/**/
}

address#copyright{
display:block;
margin:0pt auto;
position:relative;
width:950px;
}

address#copyright img{
display:block;
left:20px;
position:absolute;
top:-80px;
width:265px;
height:10px;
}

/*======================================

	 Homme original

=======================================*/
.small {
	font-size:80%;
}
.topbtn img {
	margin:10px 0 0 0;
}
/*header*/
#head_right {
	float:right;
}
#head_right .shopbtn{
	margin:0 15px 7px 0;
}
#head_right .etbtn{
	margin:6px 0 0 0;
}
#head_line img{
	margin:2px 0 8px 0;
}
/*top*/
#top_main {
	background:#00a0da url(img/topbg.gif) top no-repeat;
	padding:115px 0 15px 0;
	margin-bottom:15px;
}
#top_right {
	float:right;
	background:#fff;
	margin:0 15px 0 0;
	width:670px;
}
#top_catch {
	font-size:90%;
	background:#eaeaea;
	padding:3px;
}
#top_cont_right {
	float:right;
}


#shopintown {
	width:380px;
	height:130px;
	float:right;
	background:#f7f6eb;
	margin:0 50px 15px 0;
}
#shopintown img{
	margin:10px 0 5px 10px;
}
#onlineshop {
	height:130px;
	background:#f7f6eb;
	width:380px;
	margin:0 0 15px 50px;
}
#onlineshop img{
	margin:10px 0 5px 10px;
}
.top_shopinner {
	margin:0 10px 10px 10px;
}
.top_shopinner a{
	font-weight:bold;
}


/*contents*/
#homme_main {
	border:10px #00a0da solid;
	padding:10px;
}
#homme_main .lesson_gray {
	background:#eaeaea;
	padding:10px;
}
.lesson_link {
	float:right;
	margin:10px 10px 0 0;
	padding:10px;
	border:#eaeaea 1px solid;
}
div.lesson_sub {
	margin:8px 0 8px 40px;
}
div.shop_link_wrap {
	margin:8px 0 8px 0;
}
a.shop_link {
	padding:5px 5px 3px 25px;
	font-weight:bold;
	background:#fff url(img/link_yaji.gif) 5px 5px no-repeat;
}
.lesson_column {
	float:right;
	background:#f7f7f7;
	padding:10px;
	width:180px;
	margin-left:10px;
	font-size:90%;
}
ol.lesson_numlist {
	margin:0 0 0 2em;
}
ol.lesson_numlist li {
	list-style: decimal outside;
}
ul.lesson_squarelist {
	margin:0 0 0 1em;
}
ul.lesson_squarelist li {
	list-style: square outside;
}


table#dic .dic_main{
	width:710px;
}
.dic_link {
	float:right;
	margin:0 10px 0 0;
	background:url(img/dic_book.gif) left top no-repeat;
	width:250px;
	height:106px;
}
.dic_link_inner {
	margin:8px 0 0 15px;
}
table#dic_title {
	margin:15px  0 0 0;
}
table#dic h2 {
	font-size:120%;
	border-left:10px #001c44 solid;
	padding-left:10px;
	color:#001c44;
	font-weight:bold;
}
div.dic_sub {
	margin:8px 0 8px 20px;
}
.dic_column {
	float:right;
	background:#f7f7f7;
	padding:10px;
	margin-left:10px;
	font-size:90%;
}
table.dic_table {
	margin:10px 0 0 0;
}
table.dic_table td{
	padding:5px;
	border-bottom:1px #bebebe solid;
	border-right:1px #bebebe solid;
}

table#dic .recommend{
	background:#f7f6eb;
	width:200px;
	text-align:center;
}
#dic_rectitle {
	background:#ad8d1c;
	padding:5px;
}
#homme_main .dic_gray {
	background:#eaeaea;
	padding:10px;
	margin:10px 10px 0 0;
}
div.dic_item {
	margin:5px 0 0 0;
	padding-bottom:2px;
	border-bottom:1px #ad8d1c dotted;
}
div.dic_item img{
	margin:2px 0 2px 0;
}
div.dic_item span{
	font-size:90%;
}

#check_main {
	border:10px #00a0da solid;
}
#check_foot {
	padding:0 0 10px 10px;
}