@charset "UTF-8";
/* --------------------------------------------------
Base Style Sheet
2011/06/20 - 
-------------------------------------------------- */
/* RESET */
body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,li,
pre,form,fieldset,input,select,textarea,p,blockquote,th,td {
margin:0;
padding:0;
word-break:break-all;
}
/*h1,h2,h3,h4,h5,h6,p{word-break:normal;}*/
body {
/*
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
*/
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-size:.750em;
line-height:1;
}
html>/**/body {font-size:12px;}

/* --------------------------------------------
Element Styles
----------------------------------------------- */
/* LISTS */
ul,ol,dl {
list-style-type:none;
margin:0;
padding:0;
}
.horizontal > li, 
.horizontal > li a {float:left;}
.horizontal > li a,
.vertical > li a {
background-position:0 0;
background-repeat:no-repeat;
display:block;
}
.typeMenu li {display:inline;}
.imgIco li {
background-repeat:no-repeat;
background-position:0 .4em;
padding-left:1em;
}
.imgText {
background:none;
border:none;
font-size:100%;
line-height:normal;
margin:0;
padding:0;
text-indent:0;
}
/* LINES */
hr {clear:both;}

/* LINKS */
a img {border:none; vertical-align:middle;}

/* --------------------------------------------
CLEAR -HACK:CLEARFIX-
----------------------------------------------- */
#container:after, #header:after, #navcontainer:after,
#content:after, #btmNav:after, #footer:after,
.clr:after {
content:"";
display:block;
visibility:hidden;
height:.1px;
font-size:.1em;
line-height:0;
clear:both;
}
/* for ie */
* html #container, * html #header, * html #navcontainer,
* html #content, * html #btmNav, * html #footer,
* html .clr {display:inline-block;}
/* no ie mac \*/
* html #container, * html #header, * html #navcontainer,
* html #content, * html #btmNav, * html #footer,
* html .clr {height:1%;}
#container, #header, #navcontainer,
#content, #btmNav, #footer,
.clr {display:block;}
/* */
*:first-child+html .clr {zoom:1;} 

/* --------------------------------------------
Page Layout Patterns
----------------------------------------------- */
/* Only MainColumn */
.oneColumn #mainCol { width: 960px; margin: auto; }
.oneColumn #mainBody {}

/* SubColumn | MainColumn */
.sm #mainBody { float: right; }
.sm #subCol { float: left; }

/* MainColumn | SubColumn */
/* detail */
.ms #mainBody {
	float: left;
	width: 800px;
}
.ms #subCol { 
	float: right;
	width: 180px;
}
/* ExtraColumn | MainColumn */
.xm #mainBody { float: right; }
.xm #exCol { float: left; }

/* MainColumn | ExtraColumn */
/* default */
.mx #mainBody {
	float: left;
	width: 750px;
}
.mx #exCol {
	float: right;
	width: 220px;
}


/* SubColumn | MainColumn | ExtraColumn */
/* list */
.smx #mainCol {
	float: left;
	width: 866px;
}
.smx #mainBody {
	float: right;
	width: 650px;
}
.smx #exCol {
	float: right;
	width: 120px;
}
.smx #subCol {
	float: left;
	width: 206px;
}

/* ExtraColumn | MainColumn | SubColumn */
.xms #mainCol {float:right;}
.xms #mainBody {float:left;}
.xms #exCol {float:left;}
.xms #subCol {float:right;}