@charset"utf-8";

/*** ------------------------------------------------------------- hack ***/
.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 */

/*** ------------------------------------------------------------- reset ***/
body,div,dl,dt,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0px;
	padding:0px;
}

table { border-collapse:collapse; border-spacing:0; }

fieldset,img { border:0; }

address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }

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; }

sup { vertical-align:text-top; }

sub { vertical-align:text-bottom; }

input,textarea,select {
    font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

input,textarea,select {
    *font-size:100%;
}

legend { color:#000000; }

img {
    vertical-align:bottom;
	border:none;
}

/*** ------------------------------------------------------------- common ***/
* {
	margin:0px;
	padding:0px;
}

a:link {
	color:#333333;
	text-decoration:underline;
} 
a:visited {
	color:#666666;
	text-decoration:underline;
} 
a:hover {
	color:#FF3300;
	text-decoration:underline;
}
a:active {
	color:#FF3300;
	text-decoration:underline;
}

.red {
	color:#FF0000;
	padding-left:3px;
	padding-right:3px;
	font-weight:normal;
}
.bleu {
	color: #3366CC;
}

.u-line {
	text-decoration: underline;
    
}
.font10 {
	font-size: 11px;
}
.font14 {
	font-size: 14px;
}
.ptop {
	text-align:right;
	clear: both;
	padding: 15px 0px;
	margin: 0px;
}
.subptop {
	clear: both;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
body {
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	color:#333333;
	background-image: url(../../img/bg.jpg);
	background-repeat: repeat-x;
	line-height: 140%;
	font-size: 0.9em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#Wrapper {
	margin:0px auto;
	width:950px;
	text-align:left;
}
#Main {
	float:left;
	width:690px;
	padding:0px 0px 0px 0px;
}

#Sub {
	float:right;
	width:240px;
}
/*** ------------------------------------------------------------- grand navigation ***/
#MainMenu {
	float:none;
	width:950px;
	height:35px;
	clear:both;
	padding: 0px;
}
#MainMenu ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#MainMenu li {
	margin:0px;
	padding:0px;
	height:35px;
	text-indent:-9999px;
	float:left;
}
#MainMenu li a {
	text-decoration:none;
	display:block;
	height:35px;
}

/*** ---------------------------------------------------- grand navigation btn ***/
#MainMenu li#Home { background:url(../img/menu_home.jpg) no-repeat 0px 0px; width: 189px; }
#MainMenu li#Search { background:url(../img/menu_search.jpg) no-repeat 0px 0px; width: 189px; }
#MainMenu li#Guide { background:url(../img/menu_guide.jpg) no-repeat 0px 0px; width: 194px; }
#MainMenu li#First { background:url(../img/menu_first.jpg) no-repeat 0px 0px; width: 189px; }
#MainMenu li#News { background:url(../img/menu_news.jpg) no-repeat 0px 0px; width: 189px; }

/*** ---------------------------------------------------- grand navigation btn link ***/
#MainMenu li#Home a { width:189px; }
#MainMenu li#Search a { width:189px; }
#MainMenu li#Guide a { width:194px; }
#MainMenu li#First a { width:189px; }
#MainMenu li#News a { width:189px; }

/*** ---------------------------------------------------- grand navigation btn over ***/
#MainMenu li#Home a:hover { background:url(../img/menu_home.jpg) no-repeat 0px -35px; width: 189px; }
#MainMenu li#Search a:hover { background:url(../img/menu_search.jpg) no-repeat 0px -35px; width: 189px; }
#MainMenu li#Guide a:hover { background:url(../img/menu_guide.jpg) no-repeat 0px -35px; width: 194px; }
#MainMenu li#First a:hover { background:url(../img/menu_first.jpg) no-repeat 0px -35px; width: 189px; }
#MainMenu li#News a:hover { background:url(../img/menu_news.jpg) no-repeat 0px -35px; width: 189px; }

/*** ---------------------------------------------------- grand navigation btn over2 ***/
#MainMenu li#Home_o a { background:url(../img/menu_home.jpg) no-repeat 0px -35px; width: 189px; }
#MainMenu li#Search_o a { background:url(../img/menu_search.jpg) no-repeat 0px -35px; width: 189px; }
#MainMenu li#Guide_o a { background:url(../img/menu_guide.jpg) no-repeat 0px -35px; width: 194px; }
#MainMenu li#First_o a { background:url(../img/menu_first.jpg) no-repeat 0px -35px; width: 189px; }
#MainMenu li#News_o a { background:url(../img/menu_news.jpg) no-repeat 0px -35px; width: 189px; }


/*** ------------------------------------------------------------- fontchange ***/
#fontchange{
	float:right;
	margin: 20px 0px 0px 0px;
	width: 160px;
}
#fontchange ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#fontchange li{
	margin:0px;
	padding:0px;
	height:20px;
	text-indent:-9999px;
	float:left;
}
#fontchange li a {
	text-decoration:none;
	display:block;
	height:20px;
}

/*** ---------------------------------------------------- fontchange btn ***/
#fontchange li#Size { background:url(../img/size.gif) no-repeat 0px 0px; width: 76px; }
#fontchange li#SizeSt { background:url(../img/size_s.jpg) no-repeat 0px 0px; width: 28px; }
#fontchange li#SizeL { background:url(../img/size_m.jpg) no-repeat 0px 0px; width: 27px; }
#fontchange li#SizeXL { background:url(../img/size_l.jpg) no-repeat 0px 0px; width: 27px; }

/*** ---------------------------------------------------- fontchange link ***/
#fontchange li#SizeSt a { width:28px; }
#fontchange li#SizeL a { width:27px; }
#fontchange li#SizeXL a { width:27px; }

/*** ---------------------------------------------------- fontchange over ***/
#fontchange li#SizeSt a:hover { background:url(../img/size_s_o.jpg) no-repeat 0px 0px; width: 28px; }
#fontchange li#SizeL a:hover { background:url(../img/size_m_o.jpg) no-repeat 0px 0px; width: 27px; }
#fontchange li#SizeXL a:hover { background:url(../img/size_l_o.jpg) no-repeat 0px 0px; width: 27px; }




/*** ------------------------------------------------------------- sub navigation ***/

#SubMenu {
	float:none;
	width:240px;
	clear:both;
	padding: 0px;
}
#SubMenu ul {
	margin:0px 0px 15px 0px;
	padding:0px;
	list-style:none;
}
#SubMenu li {
	margin:0px 0px 5px 0px;
	padding:0px;
	height:50px;
	text-indent:-9999px;
}
#SubMenu li a {
	text-decoration:none;
	display:block;
	height:50px;
}

/*** ---------------------------------------------------- grand navigation btn ***/
#SubMenu li#sub_consult { background:url(../img/sub_consult.jpg) no-repeat 0px 0px; height: 50px; }
#SubMenu li#sub_come { background:url(../img/sub_come.jpg) no-repeat 0px 0px; height: 50px; }
#SubMenu li#sub_go { background:url(../img/sub_go.jpg) no-repeat 0px 0px; height: 50px; }
#SubMenu li#sub_home { background:url(../img/sub_home.jpg) no-repeat 0px 0px; height: 50px; }
#SubMenu li#sub_buy { background:url(../img/sub_buy.jpg) no-repeat 0px 0px; height: 50px; }

/*** ---------------------------------------------------- grand navigation btn link ***/
#SubMenu li#sub_consult a { height: 50px; }
#SubMenu li#sub_come a { height: 50px; }
#SubMenu li#sub_go a { height: 50px; }
#SubMenu li#sub_home a { height: 50px; }
#SubMenu li#sub_buy a { height: 50px; }

/*** ---------------------------------------------------- grand navigation btn over ***/
#SubMenu li#sub_consult a:hover { background:url(../img/sub_consult_o.jpg) no-repeat 0px 0px; height: 50px; }
#SubMenu li#sub_come a:hover { background:url(../img/sub_come_o.jpg) no-repeat 0px 0px; height: 50px; }
#SubMenu li#sub_go a:hover { background:url(../img/sub_go_o.jpg) no-repeat 0px 0px; height: 50px; }
#SubMenu li#sub_home a:hover { background:url(../img/sub_home_o.jpg) no-repeat 0px 0px; height: 50px; }
#SubMenu li#sub_buy a:hover { background:url(../img/sub_buy_o.jpg) no-repeat 0px 0px; height: 50px; }

/*** ------------------------------------------------------------- AreaNavi ***/
#Footer #AreaNavi {
	margin:0px;
	padding:30px 0px 0px 0px;
	clear:both;
	line-height: 188%;
	color: #996600;
}



