@charset "UTF-8";

/*
======== context ======================================

Last Updated:YYMMDD
Summary:全ページ共有で利用する各要素デザイン

* contents area内で適用

- hn
- link
- list
- number list
- box
- table
- dl
- text
- form
=======================================================
*/

/*-----------------------------------------------------
hn
-------------------------------------------------------*/

h1 {
	border-bottom: solid 1px #D5D4D4;
	padding : 2px 0 3px 15px;
	margin: 0 0 20px 0;
	font-size : 1.3em;
	clear:both;
}

#mainContentsBlock h1{
	margin: 0 -15px 20px -15px;
}

.h1Block{
	background:url(/common/img/bg_h2_standard.gif) no-repeat right top;
}




.standard #mainContentsBlock h1{
	margin: 0 0 20px -15px;
}


.standard h1 {
	background:url(/common/img/bg_h1.gif) no-repeat left bottom;
}

.standard h1.alert {
	background:url(/common/img/bg_h1_alert.gif) no-repeat left bottom;
	color:#ffffff;
}

.h1Block h1{
	background:url(/common/img/bg_h1_standard.gif) no-repeat left bottom;	
}



h1 span.stxt{
	font-size:.8em;
	line-height:1em;
	display:block;
}


h2 {
background-color:rgba(255,255,255,0.2);
		border-left: 4px solid #77bb00; 
	padding: 0 0 3px 10px;
	margin: 2em 0 1em 0;
	font-size: 1.2em;
}

h2.none {
	margin: 2em 0 1em 0;
	font-size: 1.2em;
}

.standard h2{
	clear:both;
}

#mainContentsBlock h2:first-child {	margin-top: 0;}


.h2Block{
	clear:both;
	position:relative;
	width:100%;
	margin: 2em 0 1em 0;

}

.h2Block h2{
	margin:0;
}

.h2Block .toList{
	position:absolute;
	right:8px;
	top:3px;
	margin:0 !important;
}



.h2Block .toList a{
	background: url(/common/img/bullet_arrow.gif) no-repeat 0 4px;
	padding: 0 0 0 10px;
}

.h2Block:first-child {	margin-top: 0;}

h2.tit_2cols {
	border-left: solid 4px #0B4199;
	padding: 0 0 0 10px;
	margin: 0 10px 15px 5px;
	font-size: 1.2em;
}

#subContentsBlock h2 {
	background:url(/common/img/bg_h2side.gif) repeat-y #E8EDF0;
	padding : 0 0 0 6px ;
	margin: 0 0 10px 0 ;
	border-left : 0 ;
	font-size:1em;
	width:218px;
}

#subContentsBlock h2 span {
	display : block;
	border-top : solid 4px #F4F5F7;
	border-bottom : solid 4px #F4F5F7;
	border-right : solid 4px #F4F5F7;
	border-left : solid 1px #F4F5F7;
	margin : 0 !important;
	padding : 2px 3px !important;

}

#subContentsBlock h2.sideTitle {
	background: none !important;
	padding : 0 !important;
	margin: 0 0 5px 0 ;
	border-left : 0 ;
	font-size:1em;
	width:auto;
}

#subContentsBlock h2 a {
	display : block;
	background : none ;
	padding-right : 0 ;
	margin-right : 0 ;
	background-image : url("/common/img/bullet_arrow.gif");
	background-repeat : no-repeat;
	background-position: 200px center;
}
#subContentsBlock h2 span a {
	padding-right : 7px ;
}

#subContentsBlock h3 {
	margin: .5em 0;
	font-size: 1em;
}

h3 {
	padding-left: 1em ;
	margin: 1em 0 .5em 0;
	font-size: 1.2em;
border-left: 4px solid #77bb00; 

}

h4 {
	padding-left: 1em ;
	margin: 1em 0 .5em 0;
	font-size: 1em;
	border-left:3px solid #77bb00;
}

h5{
	padding-left: 1em ;
	margin: 1em 0 .5em .5em;
	border-left:2px solid #77bb00;
}

h6{
	padding-left: 1em ;
	margin: 1em 0 .5em 1em;
	border-left:2px solid #77bb00;
}



/*-----------------------------------------------------
link
-------------------------------------------------------*/

.bulletLink{
	background: url(/common/img/bullet_arrow.gif) no-repeat left center;
	padding:0 0 0 10px;
}

.pageTop a {
	background-image:url("/common/img/bullet_arrow_t.gif");
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
}

h2 a{
	background-image : url("/common/img/bullet_arrow.gif");
	background-repeat : no-repeat;
	background-position: right bottom;
	padding-right : 10px;
	font-size: 1em;
}

h3 a{
	background-image : url("/common/img/bullet_arrow.gif");
	background-repeat : no-repeat;
	background-position: left center;
	padding-left : 10px;
	font-size: 1em;
}

h4 a{
	background-image : url("/common/img/bullet_arrow.gif");
	background-repeat : no-repeat;
	background-position: left center;
	padding-left : 10px;
	font-size: 1em;
}



/*-----------------------------------------------------
box
-------------------------------------------------------*/

.sectionBox{
	margin: 1em 0 ;
	clear:both;
}

.graySection{
	background-color : #EEEEEE;
	padding : 10px;
	border : solid 1px #CCCCCC;
	margin: 0 0 30px 0;
}

.grayBox{
	background-color : #EEEEEE;
	padding : 10px;
	border : solid 1px #CCCCCC;
	margin: 1em 0 2em 0 ;
}

.grayBox2{
	background-color : #e8eeee;
	padding : 7px;
	border : solid 3px #d8dcdf;
	margin: 0 0 1em 0;
}

.grayLineBox{
	background-color : #ffffff;
	padding : 10px;
	border : solid 1px #CCCCCC;
	margin: 1em 0 2em 0 ;
}


.pageTop {
	text-align : right;
	padding : 10px 0 0 0;
	margin : 10px 0 20px 0 ;
	clear:both;
}

p.pageTop{
	padding : 0;
}

div.box_sidetitle{
	margin : 0 0 0 5px;
	padding : 15px 0 15px 5px;
	border-bottom : dotted 1px #CCCCCC;
}

#mainContents .section{
	margin: 0 0 10px 0;
	padding:0 15px;
	width:auto;
	clear:both;
	overflow:hidden;
	zoom:1;
}

#mainContents .section02{
	margin: 0 0 30px 0;
	padding:0 30px;
	width:auto;
}

#mainContents .itemBox{
	padding: 0;
	width: auto;
	overflow: hidden;
}

#mainContents .itemBox .innerBox{
	margin:0;
	padding: 0 0 10px 0;
	float:left;
	width:50%;
}

#mainContents .itemBox .innerBox.col1{
	width:99% !important;
	padding:0 25px 10px 5px;
	zoom:1;
	overflow:hidden;
}

#mainContents .itemBox .innerBoxR{
	margin:0;
	padding: 0 0 10px 15px;
	float:left;
	width:47%;
}








#contentsArea #subContentsBlock .sideSection {
	margin: 15px 0 15px 0;
	padding:0 15px 10px 15px;
}

#contentsArea #subContentsBlock .dotline{
	background:url(/common/img/dotline.gif) repeat-x left bottom;
}

#contentsArea #subContentsBlock .sideSection ul{
	margin: 0;
}


/*-----------------------------------------------------
ul,ol
-------------------------------------------------------*/

#contentsArea ul {
	list-style-type:disc;
}

#contentsArea ul li {
	padding-left : 0px;
	margin-left : 15px;
}

#contentsArea ol {
	list-style-type:decimal;
}

#contentsArea ol li {
	padding-left : 0px;
	margin-left : 25px;
}

#contentsArea ul.linkMonthly,
#contentsArea ul.linkMember,
#contentsArea ul.linkAnchor{
	margin:0;
}


#contentsArea ul.linkMonthly li,
#contentsArea ul.linkMember li,
#contentsArea ul.linkAnchor li {
	display : inline;
	margin:0;
	padding:0 5px 3px 5px;
}

#contentsArea ul.linkMonthly li a,
#contentsArea ul.linkMember li a,
#contentsArea ul.linkAnchor li a{
	background: url("/common/img/bullet_arrow.gif") no-repeat 0 3px ;
	padding-left:10px;
}

#contentsArea .bulletListFloat {
	list-style-type:none;
	overflow:hidden;
	zoom:1;
}

#contentsArea .bulletListFloat li{
	background: url("/common/img/bullet_arrow.gif") no-repeat 0 5px ;
	margin-left:0;
	padding:0 13px 5px 13px;
	float:left;
	width:300px;

}

#contentsArea .bulletList {
	list-style-type:none;
}

#contentsArea .bulletList li{
	background:url("/common/img/bullet_arrow.gif") no-repeat 0 .5em ;
	margin-left:0;
	padding:2px 10px 2px 13px !important;
	zoom:1;
}

#contentsArea .markNone{
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	zoom:1;
}

#contentsArea .markNone li{
	margin-left:0;
	padding-left:0;
}

#contentsArea .markNone li li{
	margin-left:15px;
}

div.section ul.infoList {
	margin-bottom:30px;
	list-style-type:none !important;
}

div.section ul.infoList li{
	margin-left:0 !important;
	margin-bottom:0px;
	padding-left:120px !important;
	position: relative;
	zoom:1;
}

div.section ul.infoList li div.date {
	position: absolute;
	top:0;
	left:0;
	font-size : 1.1em;
	font-weight : bold;
	margin : 0 0 10px 10px !important;
}

div.section ul.infoList li div.topics {
	margin : 0 0 10px 10px !important;
}

div.section ul.infoList li div.topics a{
	background:url(/common/img/bullet_arrow.gif) no-repeat left center;
	padding-left : 10px;

}

/*-----------------------------------------------------
dl
-------------------------------------------------------*/
/* topicsList */
.topicsList{
	margin:5.em 0 1em 0;
}

.topicsList dt{
	float:left;
	clear:both;
	padding: 0 0 4px 0;
	font-size:1.2em;
	font-weight:bold;
	margin:0;
}

.topicsList dd{
	padding: 3px 0 8px 10em;
	margin:0;
}

.topicsList dd a{
	background:url(/common/img/bullet_arrow.gif) no-repeat left 5px;
	padding : 0 0 0 10px;
	margin:0;
	display:inline-block;
}
/* topicsList02 */
.topicsList02{
	margin:5.em 0 1em 0;
}

.topicsList02 dt{
	float:left;
	clear:both;
	padding: 0 0 4px 0;
	font-size:1.2em;
	font-weight:bold;
	margin:0;
}

.topicsList02 dd{
	padding: 3px 0 8px 11.5em;
	margin:0;
}

.topicsList02 dd a{
	background:url(/common/img/bullet_arrow.gif) no-repeat left 5px;
	padding : 0 0 0 10px;
	margin:0;
	display:block;
}

#contentsArea .consumerDl{
	margin: 0 0 0 1em;
}
#contentsArea .consumerDl dt,
#contentsArea .consumerDl dd {
	float: left;
	margin: 0;
}
#contentsArea .consumerDl dt {
	margin-right: 5px;
}

/* iconList */
dl.dotline {
	background:url(/common/img/dotline.gif) repeat-x scroll left top ;
}
dl.dotline dt ,
dl.dotline dd {
	padding: 8px 5px;
}
dl.dotline dd{
	background:url(/common/img/dotline.gif) repeat-x scroll left bottom ;
	padding-left: 140px;
}


.iconListS dt ,
.iconListS dd {
	min-height: 33px;
	margin-left: 0;
	padding-top: 8px;
	padding-bottom: 8px;
}
* html .iconListS dt ,
* html .iconListS dd {
	height: 33px;
}
.iconListS dt {
	width: 130px;
	position: absolute;
}
.iconListS dd {
	padding-left: 140px;
}

/*-----------------------------------------------------
table
-------------------------------------------------------*/

.baseTable{
	margin: .5em 0;
	border:1px solid #d5d4d4;
	background-color:#e8edf0;
	border-collapse: collapse;
}

.baseTable th{
	text-align:left;
	background-color:#e8edf0;
	border:1px solid #d5d4d4;
	padding:7px;
	font-size:1.2em;
}

.baseTable.thCenter th{
	text-align:center;
}

.baseTable td{
	padding:7px;
	background:url(/common/img/dotline.gif) repeat-x left bottom;
	background-color:#ffffff;
	border:1px solid #d5d4d4;
	border-top:none;
	border-bottom:none;
}


.baseTable td.indent1{
	padding:7px 7px 7px 1.5em;
}

.baseTable td.indent2{
	padding:7px 7px 7px 2.5em;
}

.baseTable td.indent3{
	padding:7px 7px 7px 3.5em;
}

.baseTable td.indent4{
	padding:7px 7px 7px 4.5em;
}

.baseTable td.indent5{
	padding:7px 7px 7px 5.8em;
}

.baseTable .firstChild th{
	background:none;
}

.baseTable .lastChild td{
	background:none;
	background-color:#ffffff;
}

.tableBase{
	margin: .5em 0;
	border:1px solid #d5d4d4;
	background-color:#e8edf0;
	border-collapse: collapse;
}
.tableBase th,
.tableBase td {
	padding:7px;
	border:1px solid #d5d4d4;
}
.tableBase th{
	background-color:#e8edf0;
}

.tableBase td{
	padding:7px;
	background-color:#ffffff;
}

.tableBase td.indent1{
	padding:7px 7px 7px 1.5em;
}

.tableBase td.indent2{
	padding:7px 7px 7px 2.5em;
}

.tableBase td.indent3{
	padding:7px 7px 7px 3.5em;
}

.tableBase td.indent4{
	padding:7px 7px 7px 4.5em;
}

.tableBase td.indent5{
	padding:7px 7px 7px 5.8em;
}
.baseTable .bg-yellow th {
	background-color: #ffffcc;
	text-align: center;
}
/* tableBase2 */
.tableBase2 th,
.tableBase2 td {
	padding: 2px 8px 2px 0px;
}
.tableBase2 th {
	text-align: left;
}
/* table option */
.valignTop th,
.valignTop td {
	vertical-align: top;
}
.tableBase caption,
.tableBase2 caption{
	padding: .5em 0;
	font-weight: bold;
	text-align: left;
}

.seisaku th,
.seisaku td{
	color:#000000;
}

.seisaku td{
	vertical-align:top;
}

.seisaku td.blue{
	background-color:#e3f3ff;
}

.seisaku td a{
	background:url(/common/img/bullet_arrow.gif) no-repeat 0 .2em;
	padding: 0 0 0 10px;
}

.noPad th p,
.noPad th ul,
.noPad th ol,
.noPad th dl,
.noPad td p,
.noPad td ul,
.noPad td ol,
.noPad td dl {
	margin-top: 0 !important;
	margin-bottom: 0 !important;;
}

.topicsTable{
	margin:0 0 1.5em 0;
}

.topicsTable th,
.topicsTable td{
	padding:5px;
}

.topicsTable th{
	white-space:nowrap;
	text-align:left;
	font-size:1.2em;
	line-height:1.2em;
	vertical-align:top;
	width:22%;
}

.topicsTable td span.noLink,
.topicsTable td a{
	background:url("/common/img/bullet_arrow.gif") no-repeat scroll left 5px transparent;
	display:inline-block;
	margin:0;
	padding:0 0 0 10px;
}

.green{
	background-color:#adff2f !important;
}

.enTopics th{
	font-weight:normal;
	font-size:1em;
	white-space:nowrap;
	width:10%;
}


/*-----------------------------------------------------
icon
-------------------------------------------------------*/
.ico{
	vertical-align:baseline;
	padding: 0 4px;
}

.icoM{
	vertical-align:middle;
	padding: 0 2px;
}
.icoL{
	vertical-align:middle;
	padding: 0 2px 2px;
}


/*-----------------------------------------------------
font
-------------------------------------------------------*/

.textS{
	font-size:.8em;
	line-height:1.2;
}

.textL{
	font-size:1.2em;
}
.textNormal,
h2 span.textNormal{
	font-weight: normal;
	font-size:.8em;
}


.caption{
	font-size:.8em;
	padding:0;
	margin:0.5em 0 !important;
}

.textRed{
	color:#c00202;
}


.indent p{
	text-indent:1em;
}
#contentsArea .indentMg0 p {
	margin:0 0 1em 1em;
}

/*-----------------------------------------------------
span
-------------------------------------------------------*/
span.txtNote {
	padding-left : 15px;
}


.photoLine{
	border:1px solid #dad1d2;
}

/*-----------------------------------------------------
alert
-------------------------------------------------------*/

.alertBox{
	background-color:#ffefef;
	border:3px solid #ffc3c3;
	margin: 0 0 25px 0 ;
	padding: 12px;
}

.alertBoxblue{
	background-color:#eaf2ff;
	border:3px solid #598de4;
	margin: 0 0 25px 0 ;
	padding: 12px;
}


#contentsArea .alertBox p,
#contentsArea .alertBoxblue p{
	margin:0 ;
}

.alertBox p.txt,
.alertBoxblue p.txt{
	margin:0  !important;
	padding:0;

}

/*-----------------------------------------------------
noguchisho
-------------------------------------------------------*/

#mainContents .hukusimaContents .itemBox .innerBox {
	width: 400px;
}
#mainContents .hukusimaContents .itemBox .innerBoxR {
	width: 500px;
}

#contentsArea .hukusimaContents .innerBoxR li {
	list-style: none;
	float: left ;
	width: 193px;
	margin: 0 10px 0 0;
}
#contentsArea .jusyou-videoList {
	clear: both;
	width: 840px;
}
#contentsArea .jusyou-videoList li {
	float: left;
	list-style: none;
	width: 148px;
	margin: 0 20px 0 0;
	padding-bottom: 20px;
}

.topicsList.noguchishoKeii dd {
	padding:3px 0 8px 8em;
}
.topicsList.noguchishoKeii.eng dd {
	padding:3px 0 8px 10em;
}
.topicsList.noguchishoKeii dd a {
	background: none;
	padding: 0;
	display: inline;
}

.celemony-imgList {
	clear: both;
	width: 890px;
}
#contentsArea .celemony-imgList li {
	float: left;
	list-style: none;
	width: 193px;
	margin: 0 20px 0 0;
	padding-bottom: 20px;
}

/* 追加 */
#mainContents .jushoushaContents {
}
#mainContents .jushoushaContents .winnerBox .winnerName {
	margin-top: 0;
	font-size: .9em;
	background-color: #e8eeee;
	border: 3px solid #d8dcdf;
	padding: 10px;
}
#mainContents .jushoushaContents .winnerBox .winnerDesc {
/*
	padding-left: 10px;
*/
}
#mainContents .jushoushaContents .winnerBox .winnerDesc ul {
	list-style-type:none;
	margin-left: 0;
}

#mainContents .jushoushaContents .winnerBox .winnerDesc li {
	background:url("/common/img/bullet_arrow.gif") no-repeat 0 .5em ;
	margin-left:0;
	padding: 2px 13px !important;
	zoom:1;
}
#mainContents .jushoushaContents .winnerBox .winnerDesc2 {
	clear: both;
}
#mainContents .jushoushaContents .eventBox {
	overflow: hidden;
	padding: 15px 0 0;
	border-bottom: 1px dotted #cccccc;
	zoom: 1;
}
#mainContents .jushoushaContents .eventBox .eventList {
	margin-top: 0;
}
#mainContents .jushoushaContents .eventBox .eventList dt {
	margin-bottom: 10px;
	font-weight: bold;
}
#mainContents .jushoushaContents .eventBox .eventList .date {
	display: block;
	font-size: .9em;
	margin-bottom: 5px;
}
#mainContents .jushoushaContents .eventBox .eventList dd {
	margin-left: 0;
}

/* textO */
.textO {
	font-style: oblique !important;
}

/* listBase */
ul.listBase {
	list-style-type:none !important;
}
ul.listBase li {
	margin-left: 0 !important;
}
#contentsArea ul.listBase li.indent1 {margin-left: 1.5em !important;}
#contentsArea ul.listBase li.indent2 {margin-left: 3em !important;}
#contentsArea ul.listBase li.indent3 {margin-left: 4.5em !important;}
#contentsArea ul.listBase li.indent4 {margin-left: 6em !important;}
#contentsArea ul.listBase li.indent5 {margin-left: 7.5em !important;}



/* boxBase (top) */
.topBoxBase01 {
	background: #ffffff url("/common/img/bg_topboxbase01.gif") no-repeat left top;
	margin-bottom: 20px;
}
.topBoxBase01 .inner {
	background: transparent url("/common/img/bg_topboxbase01_b.gif") no-repeat left bottom;
	padding: 10px 10px;
	position: relative;
	zoom: 1;
}
.topBoxBase01 h2 ,
.topBoxBase01 h2 a{
	background: none;
	margin: 0 0 5px 0;
	padding: 0;
}
.topBoxBase01 h2 {
	text-align: center;
}

.topBoxBase01 ul.horizontal,
.topBoxBase01 ul.horizontal li {
	list-style-type: none;
}
.topBoxBase01 ul.horizontal li {
	display: inline;
	margin: 0 3px !important;
	word-break: keep-all;
}
.topBoxBase01 ul.horizontal li a {
	background: transparent url("/common/img/bullet_arrow.gif") no-repeat scroll 0 0.35em;
	padding: 2px 0 2px 10px !important;
}
.topBoxBase01 ul.horizontal {
	width: 700px;
	margin: 0 auto !important;
	text-align: center;
}
.topBoxBase01 .btnMore ,
.topBoxBase01 .btnMore li {
	list-style-type: none !important;
	line-height: 1;
}
.topBoxBase01 .btnMore li {
	margin: 1px 0 !important;
	padding: 0 !important;
}
.topBoxBase01 .btnRight {
	position: absolute;
	margin: 0 !important;
	top: 4px;
	right: 3px;
	width: 150px;
}
.topBoxBase01 .btnLeft {
	position: absolute;
	margin: 0 !important;
	top: 4px;
	left: 3px;
	width: 150px;
}
.topBoxBase01 ul,
.topBoxBase01 ol,
.topBoxBase01 dl,
.topBoxBase01 p {
	margin-top: 0.5em !important;
	margin-bottom: 0.5em !important;
}
.topBoxBase01 ul.bulletList {
	padding-left: 0;
}

/* その他ページ切り替えナビ */
#contentsArea dl.switchPage {
	width: auto;
	text-align: right;
}

#contentsArea dl.switchPage dt,
#contentsArea dl.switchPage dd {
	margin-left: 8px;
	display: inline;
}
#contentsArea dl.switchPage dt {
	font-weight: bold;
}
#contentsArea dl.switchPage ul,
#contentsArea dl.switchPage li{
	list-style-type : none;
	display: inline;
}
#contentsArea dl.switchPage li{
	margin-left: 8px;
}
#contentsArea dl.switchPage li a{
	background: url("/common/img/bullet_arrow.gif") no-repeat scroll left center transparent;
	padding: 0 0 0 10px;
}
#contentsArea #mainContentsBlock dl.switchPage {
	margin-left:-15px;
	margin-right:-15px;
}