@charset "utf-8";

/* BASE FORMAT
================================================================================ */

body {
	margin: 0;
	padding: 0;
	background: #FFF;
	color: #333333;
}
p {
	margin:4px 0 0 0;
	padding: 0;
 border: 0;
}
form ,
img {
	margin: 0;
	padding: 0;
	border: 0;
}
input ,
select{
	margin: 0;
	padding: 0;
	vertical-align:middle;
}
img.imgBottom {
	vertical-align:bottom;
}
img.imgMiddle {
	vertical-align:middle;
}
.hide {
	display: none;
}
.alignCenter {
	text-align:center;
}
.alignLeft {
	text-align:left;
}
.alignRight {
	text-align:right;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}

/* LINK TEXT
-------------------------------------------------------------------------------- */

a:link {
	color: #336699;
	text-decoration: underline;
}
a:visited {
	color: #603398;
/* DUMMY COLOR */
	color: #336699;
}
a:hover ,
a:active {
	color: #336699;
	text-decoration: none;
}

div.contBox220x540 div.narrowBoxIrevo a:link,
div.contBox220x540 div.narrowBoxIrevo a:visited {
	color: #666666;
	text-decoration: underline;
}
div.contBox220x540 div.narrowBoxIrevo a:hover ,
div.contBox220x540 div.narrowBoxIrevo a:active {
	text-decoration: none;
}
div.contBox220x540 div.pageTop a:link,
div.contBox220x540 div.pageTop a:visited {
	color: #336699;
	text-decoration: underline;
}
div.contBox220x540 div.pageTop a:hover ,
div.contBox220x540 div.pageTop a:active {
	text-decoration: none;
}

/* FLOAT CLEAR
-------------------------------------------------------------------------------- */

div.clearDummy {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 1px;
}
div.clearDummy img {
	vertical-align:bottom;
	margin: 0;
	padding: 0;
}

/* PAGE TOP
-------------------------------------------------------------------------------- */

div.pageTop {
	text-align: right;
	margin: 0;
	padding: 20px;
	clear: both;
}
div.pageTop a {
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../img/icon_arrow_pagetop.gif) no-repeat left center;
}
p.pTopicPath {
	margin: 0;
	padding: 2px 0 5px;
	border-bottom: 1px solid #CCCCCC;
}
p.pUpdateTime {
	margin: 0;
	padding: 3px 0 5px;
	text-align: right;
}
.strongIconArrow {
	margin: 0;
	padding: 2px 0 2px 23px;
	background: url(../img/icon_link_strong.gif) no-repeat left center;
	display: block;
}

/* BASE LAYOUT
-------------------------------------------------------------------------------- */

#wrapper {
text-align:center
}

/* BASE LAYOUT TOP
-------------------------------------------------------------------------------- */

#contTop {

	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	margin: 0;
	padding: 0;
	background: url(../img/bg_cont_192_566.gif);
	width: 759px;
}
div.contTopL {
	width: 192px;
	margin: 7px 0;
	float: left;
}

div.contTopR {
	float: left;
	width: 566px;
	margin-left: 1px;
}
div.contTopRR {
	width: 218px;
	margin: 0;
	float: right;
}

#contTop h1 {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	border-right: none;
	vertical-align: middle;
	height: auto;
	font-size: 0px;
}
#contTop p {
	margin: 3px 5px 0;
	padding: 0;
	color: #666666;
}
#contTop ul {
	float: left;
	width: 566px;
	margin: 0;
	padding: 0;
}
#contTop ul li {
	padding: 0;
	float: left;
	display: block;
	list-style: none;
}
#contTop ul li img {
	vertical-align:bottom;
}



#contTop form {
	float: right;
	width: 100%;
	margin: 2px 0 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}
#contTop form input {
	width: 70%;
	margin: 0;
	padding: 0px;
	border: 1px solid #666666;
}
#contTop form img {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

/* BASE LAYOUT MID
-------------------------------------------------------------------------------- */

#contBox {
	width: 760px;
	margin: 0;
	padding: 0;
	height: 0%;
}
div.contBoxL {
	margin: 0;
	padding: 10px 20px 25px;
	width: 499px;
	float: left;
}
div.contBoxLL {
	width: 235px;
	float: left;
	margin: 0;
}
div.contBoxLR {
	width: 250px;
	float: right;
	margin: 0;
}
div.contBoxR {
	margin: 0 1px 0 0;
	padding: 0;
	height: 0%;
	float: right;
	width: 219px;
}

/* BASE LAYOUT BTM
-------------------------------------------------------------------------------- */

#contBtm {
	clear: both;
	font-size: 85%;
	width: 760px;
	margin:0 auto;
}
#contBtm a {
	text-decoration: none;
}
#contBtm ul {
	text-align: center;
	border-top: 1px solid #CCCCCC;
/*	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;*/
	width: 749px;
	margin: 0;
	padding: 5px;
	background: #FFFFFF;
}

#contBtm ul li {
	margin: 0;
	padding: 2px 5px;
	display: inline;
}
#contBtm ul li a {
	background: url(../img/icon_arrow_right_9c9269.gif) no-repeat left 2px;
	margin: 0;
	padding: 0 0 0 8px;
}
#contBtm p {
	text-align: center;
	margin: 0;
	padding: 5px 0;
}

/* BASE FONT FORMAT
-------------------------------------------------------------------------------- */

body {
	font: small "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.fontsizeXXS {
font-size: xx-small;
}
.fontsizeXS {
font-size: x-small; /*line-height:130%;*/
}
.fontsizeS {
font-size: small; /*line-height:130%;*/
}
.fontsizeM {
font-size:medium;
}
.fontsizeL {
font-size:large;
}
.fontsizeXL {
font-size:x-large;
}
.fontsizeXXL {
font-size:xx-large;
}
.formSizeXS select ,
.formSizeXS input {
	font-size: x-small;
}

/* BASE MARGIN FORMAT
-------------------------------------------------------------------------------- */

.marginTop0 {
 margin-top:0;
}
.marginTopXS {
	margin-top: 5px;
}
.marginTopS {
 margin-top:10px;
}
.marginTopM {
 margin-top:20px;
}
.marginTopL {
 margin-top:40px;
}
.marginTopXL {
 margin-top:60px;
}
.marginS {
 margin:5px;
}
.marginM {
 margin:10px;
}
.marginL {
 margin:20px;
}

/* TABLE
-------------------------------------------------------------------------------- */

.thTdNowrap {
	white-space:nowrap
}
body table.border00{
	margin: 0;
	padding: 0;
	border-style: none;
}
body table.border00 th ,
body table.border00 td {
	margin: 0px;
	padding: 3px;
	border-style: none;
}

table.border01 ,
table.border02 ,
table.border03 ,
table.border04 ,
table.border05 {
	margin: 10px 0 0;
}
table.border01{
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	margin: 10px 0 0;
	padding: 0;
}
table.border01 th ,
table.border01 td {
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	margin: 0px;
	padding: 5px;
	font-weight: normal;
}

table.border02{
	border-top: 1px solid #BBBAAC;
	border-left: 1px solid #BBBAAC;
}
table.border02 th ,
table.border02 td {
	border-right: 1px solid #BBBAAC;
	border-bottom: 1px solid #BBBAAC;
	margin: 0px;
	padding: 5px;
	font-weight: normal;
}

table.border03{
	border-top: 1px solid #F8F8F3;
}
table.border03 th ,
table.border03 td {
	border-bottom: 1px solid #F8F8F3;
	padding: 4px;
	font-weight: normal;
}

table.border04{
	background: url(../img/line_dot2h_999999.gif) repeat-x bottom;
	padding-bottom: 1px;
}
table.border04 th ,
table.border04 td {
	padding: 4px;
	font-weight: normal;
	margin: 0;
	background: url(../img/line_dot2h_999999.gif) repeat-x top;
}

table.border05{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
table.border05 th ,
table.border05 td {
	border-bottom: 1px solid #CCCCCC;
	margin: 0px;
	padding: 5px;
	font-weight: normal;
}


/* BORDER
-------------------------------------------------------------------------------- */
div.border01 ,
div.border01S ,
div.border02 ,
div.border02S ,
div.border03 ,
div.border03S {
	margin: 10px 0 0;
}
div.border01{
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding: 9px;
}
div.border01S{
	border: 3px solid #CCCCCC;
	background: #FFFFFF;
	padding: 7px;
}
div.border02{
	border: 1px solid #BBBBBB;
	padding: 9px;
}
div.border02S{
	border: 3px solid #BBBBBB;
	padding: 7px;
}
div.border03{
	border: 1px solid #BBBAAC;
	padding: 9px;
	background: #EDEBE2;
}
div.border03S{
	border: 3px solid #BBBAAC;
	padding: 7px;
	background: #EDEBE2;
}

/* RIGHT MENU
-------------------------------------------------------------------------------- */

ul#narrowBox {
	margin: 0;
	padding: 0;
	height: 55px;
}
ul#narrowBox li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	display: block;
}
ul#narrowBox li img {
	vertical-align: bottom;
	display: block;
}

div.narrowBox {
	padding: 3px 9px 7px 9px;
	clear: both;
	margin: 0;
	border-bottom: 1px solid #CCCCCC;
}
div.narrowBoxNoLine {
	padding: 3px 9px 7px 9px;
	clear: both;
	margin: 0;
}
div.narrowBox p {
	margin:0 0 5px;
}
div.narrowBox img {
}

div.narrowBoxTtl01 {
	margin: 0;
	padding: 7px;
	clear: both;
}
div.narrowBoxTtl02 {
	margin: 0;
	padding: 5px 2px;
	clear: both;
}

div.narrowBoxIrevo {
	background: #FFFFFF;
	margin: 0;
	padding: 3px 0 0;
}
div.narrowBoxIrevo2 {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
}
div.narrowBoxIrevo div.narrowBoxTtl ,
div.narrowBoxIrevo2 div.narrowBoxTtl {
	border-top: 1px solid #CCCCCC;
	margin: 0;
	padding: 7px;
	clear: both;
}
div.narrowBoxIrevo div.narrowBoxTtl p ,
div.narrowBoxIrevo2 div.narrowBoxTtl p {
	margin: 3px 0 0;
	padding: 0;
}
div.narrowBoxIrevo div.narrowBox {
/*border-top: 1px solid #CCCCCC;*/
	clear: both;
	margin: 5px 0 0;
/*	padding: 10px 0 5px;*/
	padding: 0 0 5px;
	text-align: center;
}
div.narrowBoxIrevo2 div.narrowBox {
	clear: both;
	margin: 0;
	padding: 10px 0 5px;
	text-align: center;
}
div.narrowBoxIrevo div.narrowBox ul,
div.narrowBoxIrevo2 div.narrowBox ul {
	margin: 0 24px;
	padding: 0;
}
div.narrowBoxIrevo div.narrowBox li,
div.narrowBoxIrevo2 div.narrowBox li {
	text-align: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* TOPICS
-------------------------------------------------------------------------------- */

div.narrowBoxTtlTopics {
	background: #CCCCCC;
	margin: 0;
	padding: 2px 7px 0;
}
div.narrowBox ul.topics li {
	background: url(../img/icon_arrow_right_d64027.gif) no-repeat left 6px;
	padding: 0 0 5px 10px;
	margin: 0;
	list-style: none;
}
div.narrowBox ul.campaign {
	padding: 0;
	margin: 0 0 0 15px;
}
div.narrowBox ul.campaign li {
	margin: 0 0 5px;
}
div.narrowBoxInnerR {
	float: right;
	margin: 0 0 0 5px;
}
div.narrowBoxInnerL {
	float: left;
	margin: 0 5px 0 0;
}

/* PR
-------------------------------------------------------------------------------- */

div.boxPr {
	clear: both;
	margin: 15px 0;
}

/* RANKING
-------------------------------------------------------------------------------- */

div#ranking {
	font-size: 85%;
	background: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin: 15px 0 0;
	padding: 0;
	line-height: 100%;
}
#ranking h2 {
	margin: 0 0 5px;
	padding: 0;
}
div.boxRankInner {
	margin: 0;
	padding: 5px;
	border-top: 1px solid #CCCCCC;
}
div#ranking ol {
	margin: 0 0 0 30px;
	padding: 0;
}
div#ranking img.thumb {
	float: right;
	display: block;
}
div#ranking li {
	margin: 0 0 3px;
	padding: 0;
}

/* BTN MORE
-------------------------------------------------------------------------------- */

div.btnMore {
	text-align: right;
	margin: 2px 0px 1px;
	padding: 0px;
}
div.btnSendForm {
	text-align: center;
	margin: 10px 0 0;
	padding: 0;
}

/* BANNER
-------------------------------------------------------------------------------- */

.bnrCenter {
	text-align: center;
	clear: both;
	margin: 0;
	padding: 7px 0 3px;
}

/* TITLE DEFAULT FORMAT
================================================================================ */

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
}
h1{
 font-size:160%;
}
h2{
 font-size:140%;
}
h3{
 font-size:130%;
}
h4{
 font-size:115%;
}
h5{
 font-size:100%;
}
h1 img , h2 img , h3 img , h4 img , h5 img {
	padding:0;
	margin: 0;
	vertical-align: baseline;
}


/* TITLE BOX FORMAT
================================================================================ */

.hnLeft {
	float:left;
	width: 80%;
}
.hnLeft75 {
	float:left;
	width: 75%;
}
.hnLeft50 {
	float:left;
	width: 50%;
}
.hnLeft25 {
	float:left;
	width: 25%;
}
.hnLeft45 {
	float:left;
	width: 45%;
}

.hnRight {
	float:right;
}
img.hnRight {
	margin:0;
	padding:0;
	vertical-align:middle ;
}
p.hnRight {
	margin:0;
	padding:2px 0 0;
	font-size: x-small;
}

/* TITLE BOX BG FORMAT
================================================================================ */
div.contBoxL515 .hnBgNone    ,div.contBoxL540 .hnBgNone    ,div.contBoxR540 .hnBgNone    ,div.contBoxR590 .hnBgNone ,
div.contBoxL515 .hnBgWhite01 ,div.contBoxL540 .hnBgWhite01 ,div.contBoxR540 .hnBgWhite01 ,div.contBoxR590 .hnBgWhite01 ,
div.contBoxL515 .hnBgRed01   ,div.contBoxL540 .hnBgRed01   ,div.contBoxR540 .hnBgRed01   ,div.contBoxR590 .hnBgRed01 ,
div.contBoxL515 .hnBgGray01  ,div.contBoxL540 .hnBgGray01  ,div.contBoxR540 .hnBgGray01  ,div.contBoxR590 .hnBgGray01 ,
div.contBoxL515 .hnBgGray02  ,div.contBoxL540 .hnBgGray02  ,div.contBoxR540 .hnBgGray02  ,div.contBoxR590 .hnBgGray02 ,
div.contBoxL515 .hnBgBeige01 ,div.contBoxL540 .hnBgBeige01 ,div.contBoxR540 .hnBgBeige01 ,div.contBoxR590 .hnBgBeige01 ,
div.contBoxL515 .hnBgBeige02 ,div.contBoxL540 .hnBgBeige02 ,div.contBoxR540 .hnBgBeige02 ,div.contBoxR590 .hnBgBeige02 ,
div.contBoxL515 .hnBgBeige03 ,div.contBoxL540 .hnBgBeige03 ,div.contBoxR540 .hnBgBeige03 ,div.contBoxR590 .hnBgBeige03 
 {
	padding: 3px 5px 2px;
	margin: 15px 0 0;
	clear:both;
}
div.contBoxL515 .hnBgNone02  ,div.contBoxL540 .hnBgNone02  ,div.contBoxR540 .hnBgNone02
 {
	padding: 3px 5px 2px 20px;
	margin: 15px 0 0;
	clear:both;
}
div.contBoxL170 .hnBgNone    ,div.contBoxL220 .hnBgNone    ,div.contBoxR220 .hnBgNone ,
div.contBoxL170 .hnBgWhite01 ,div.contBoxL220 .hnBgWhite01 ,div.contBoxR220 .hnBgWhite01 ,
div.contBoxL170 .hnBgRed01   ,div.contBoxL220 .hnBgRed01   ,div.contBoxR220 .hnBgRed01 ,
div.contBoxL170 .hnBgGray01  ,div.contBoxL220 .hnBgGray01  ,div.contBoxR220 .hnBgGray01 ,
div.contBoxL170 .hnBgGray02  ,div.contBoxL220 .hnBgGray02  ,div.contBoxR220 .hnBgGray02 ,
div.contBoxL170 .hnBgBeige01 ,div.contBoxL220 .hnBgBeige01 ,div.contBoxR220 .hnBgBeige01 ,
div.contBoxL170 .hnBgBeige02 ,div.contBoxL220 .hnBgBeige02 ,div.contBoxR220 .hnBgBeige02 ,
div.contBoxL170 .hnBgBeige03 ,div.contBoxL220 .hnBgBeige03 ,div.contBoxR220 .hnBgBeige03 
 {
	padding: 2px 5px 1px;
	margin: 0;
	clear:both;
}
div.contBoxL170 .hnBgNone02  ,div.contBoxL220 .hnBgNone02  ,div.contBoxR220 .hnBgNone02 
 {
	padding: 2px 5px 1px 20px;
	margin: 0;
	clear:both;
}

/* hnBgNone
-------------------------------------------------------------------------------- */
.hnBgNone {
}
/* hnBgWhite01
-------------------------------------------------------------------------------- */
.hnBgWhite01 {
	background: #FFFFFF;
}
/* hnBgRed01
-------------------------------------------------------------------------------- */
.hnBgRed01 {
	background: #A20000;
	color: #FFFFFF;
}
.hnBgRed01 a:link ,
.hnBgRed01 a:visited ,
.hnBgRed01 a:hover ,
.hnBgRed01 a:active {
	color: #FFFFFF;
}
/* hnBgGray01
-------------------------------------------------------------------------------- */
.hnBgGray01 {
	background: #CCCCCC;
}
/* hnBgGray02
-------------------------------------------------------------------------------- */
.hnBgGray02 {
	background: #EBEBEB;
	border: 1px solid #CDCDCD;
}
/* hnBgBeige01
-------------------------------------------------------------------------------- */
.hnBgBeige01 {
	background: #EDEBE2;
}
/* hnBgBeige02
-------------------------------------------------------------------------------- */
.hnBgBeige02 {
	background: #D7D2C1;
	border-bottom: 2px solid #B6AA8D;
}
/* hnBgBeige03
-------------------------------------------------------------------------------- */
.hnBgBeige03 {
	background: #D7D2C1;
}
/* hnBgNone02
-------------------------------------------------------------------------------- */
.hnBgNone02 {
	background: url(../img/icon_hn_level3.gif) no-repeat 5px center;
}

/*
-------------------------------------------------------------------------------- */

ul.ulStyle00 {
	margin:5px 0 5px 5px;
	padding:0;
}
ul.ulStyle00 li {
	margin:0 0 5px;
	padding:0;
	list-style: none;
}

ul.ulStyle01 {
	margin:5px 0 5px 0;
	padding:0;
}
ul.ulStyle01 li {
	margin:0 0 5px;
	padding:0 0 0 18px;
	background: url(../img/icon_circle.gif) no-repeat 6px 4px;
	list-style: none;
}

ul.ulStyle02 {
	margin:5px 0 5px 0;
	padding:0;
}
ul.ulStyle02 li {
	margin:0 0 5px;
	padding:0 0 0 20px;
	background: url(../img/icon_hn_level3.gif) no-repeat 3px 1px;
	list-style: none;
}

ul.ulStyle03 {
	margin:5px 0 5px 0;
	padding:0;
}
ul.ulStyle03 li {
	margin:0 0 5px;
	padding:0 0 0 18px;
	background: url(../img/icon_arrow_right_d64027.gif) no-repeat 6px 4px;
	list-style: none;
}
ul.ulStyle04 {
	margin:5px 0 5px 0;
	padding:0;
}
ul.ulStyle04 li {
	margin:0 0 5px;
	padding:6px 0 0;
	background: url(../img/line_dot2h_999999.gif) repeat-x left top;
	list-style: none;
}

ol.olStyle01 {
	margin:5px 0 5px 25px;
	padding:0;
}
ol.olStyle01 li {
	padding:0;
	margin:0 0 5px;
	list-style: decimal;
}

/*
-------------------------------------------------------------------------------- */

img.imgIcon01 {
	margin:0 8px 2px 0;
	vertical-align: baseline;
}
img.imgIcon02 {
	margin:0 8px 0 0;
	vertical-align: -15%;
}
img.imgIcon03 {
	margin:0 0 0 3px;
}
img.imgIcon04 {
	margin:0 3px;
	vertical-align: bottom;
}
img.imgIcon05 {
	margin:0 10px 0 0;
	vertical-align: middle;
}
img.imgIcon06 {
	margin:0 0 0 10px;
	vertical-align: middle;
}
.lineBtm {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.lineTop {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #CCCCCC;
}
.lineBtmDot {
	margin-bottom: 5px;
	padding-bottom: 5px;
	background: url(../img/line_dot2h_999999.gif) repeat-x bottom;
}
.lineTopDot {
	margin-top: 5px;
	padding-top: 5px;
	background: url(../img/line_dot2h_999999.gif) repeat-x top;
}
p.pNotice {
	text-indent: -1em;
	padding-left: 1em;
	margin: 7px 0;
}
img.imgFloatRight {
	float:right;
	margin: 0 0 10px 10px;
	padding: 0;
}
img.imgFloatLeft {
	float:left;
	margin: 0 10px 10px 0;
	padding: 0;
}

div.narrowBoxInnerR100 {
	float: right;
	width:60px;
	margin: 0;
	text-align: right;
}
div.narrowBoxInnerL100 {
	float: left;
	width:135px;
	margin: 0;
}