@charset "shift-jis";

@import "reset.css";
@import "base.css";

/*-----------------------------------------------*/
/*                      wrap                     */
/*-----------------------------------------------*/

#wrap {
	width: 950px;
}

/*-----------------------------------------------*/
/*                    contents                   */
/*-----------------------------------------------*/

#contents {
	clear:both; /* for mainImg float */
	width:950px;
	margin-bottom:20px;
}

/*-----------------------------------------------*/
/*                    mainImage                  */
/*-----------------------------------------------*/

#mainImage {
	margin-top:10px;
	margin-bottom:10px;
}

/* bnr two -------------------------------------*/

#mainImage {
	margin-bottom:10px;
}
#mainImage .left {
	float:left;
}
#mainImage .right {
	float:right;
}

/* floatClear */

#mainImage {
	zoom: 1; /* for IE5.5 - IE7 */
}
#mainImage:after { /* for modern browser */
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*                  mainContents                 */
/*-----------------------------------------------*/
/*-----------------------------------------------*/

#mainContents {
	width:735px;
	float:left;
}

/* boxApply ------------------------------------*/

#boxApply {
	width:735px;
	background:url(../../img/bg_box_apply.png) left bottom;
	margin-bottom:10px;
}
#boxApply ul {
	padding:0 10px 5px 10px;
}
#boxApply li {
	margin-bottom:5px;
	font-size:0;
}
#boxApply p {
	padding:0 10px 10px 12px;
	color:#fff;
}

/* bnrLsize -------------------------------------*/

.boxBnrL li {
	margin-bottom:8px;
	font-size:0;
}

.boxBnrL li.discontinued{
	border:solid 1px #e7e7e7;
	background-color:#f8f8f8;
	padding:20px;
	font-size:12px;
}
.boxBnrL li.discontinued a{
	display:block;
}
.boxBnrL li.discontinued a span{
	display:inline-block;
	background-color:#dc0a00;
	color:#fff;
	font-size:10px;
	padding:0 .5em;
	margin-right:.8em;
}

/* bnrSsize -------------------------------------*/

.boxBnrS {
}
.boxBnrS li {
	float:left;
	width:360px;
	margin-bottom:10px;
	font-size:0;
}
.boxBnrS li.last {
	margin-left:15px;
}

/*-----------------------------------------------*/
/*                    floatClear                 */
/*-----------------------------------------------*/

.boxBnrS {
	zoom: 1; /* for IE5.5 - IE7 */
}
.boxBnrS:after { /* for modern browser */
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*                  mainContentsIn               */
/*-----------------------------------------------*/
/*-----------------------------------------------*/

#mainContentsIn {
	width:735px;
}

/*-----------------------------------------------*/
/*               mainContentsInLeft              */
/*-----------------------------------------------*/

#mainContentsInLeft {
	float:left;
	width:200px;
}

/* boxLogin -----------------------------------*/

#boxLogin {
	width:200px;
	background:url(../../img/bg_login.png) left bottom;
	padding-bottom:5px;
	margin-bottom:10px;
}
#boxLogin p {
	padding:10px 5px 5px 10px;
	font-size:12px;
	letter-spacing:0.05em;
}
#boxLogin a {
	display:block;
	width:193px;
	height:45px;
	margin:0 auto;
	background:url(../../img/btn_login.png) no-repeat 0 0;
	text-indent:-9999px;
}
#boxLogin a:hover {
	background-position:-193px 1px;
}

/* btnJoin, btnJoinUsr --------------------------------------*/

#btnJoin {
	margin-bottom:1px;
	margin-left:-4px;
}
/* #btnJoin campaign */
#btnJoin a {
	display:block;
	width:208px;
	height:118px;
	background:url("../../img/btn_join_campaign.png") no-repeat 0 0;
	text-indent:-9999px;
}
#btnJoin a:hover {
	background-position:0 -117px;
}
/* #btnJoin normal
#btnJoin a {
	display:block;
	width:208px;
	height:68px;
	background:url(../../img/btn_join.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#btnJoin a:hover {
	background-position:0 -67px;
}
*/
/* btnJoinUsr */
#btnJoinUsr {
	margin-bottom:7px;
	margin-left:-4px;
}
#btnJoinUsr a {
	display:block;
	width:208px;
	height:63px;
	background:url("../../img/btn_join_user.png") no-repeat 0 0;
	text-indent:-9999px;
}
#btnJoinUsr a:hover {
	background-position:0 -62px;
}

/* boxSearch ------------------------------------*/

#boxSearch {
	width:200px;
	background:url(../../img/bg_search.png) left bottom;
	padding-bottom:5px;
	margin-bottom:10px;
}
#boxSearch p {
	padding:10px 10px 5px 10px;
	font-size:12px;
}
#boxSearch a {
	display:block;
	width:193px;
	height:45px;
	margin:0 auto;
	background:url(../../img/btn_search.png) no-repeat 0 0;
	text-indent:-9999px;
}
#boxSearch a:hover {
	background-position:-193px 1px;
}


/* boxContact -----------------------------------*/

#boxContact {
	margin:5px 4px 10px 4px;
}
#boxContact p {
	line-height:1.2em;
	margin:0 5px 5px 5px;
	font-size:10px;
}
#boxContact dl {
	margin:5px 5px;
}
#boxContact dl dt {
	padding-left: 2px;
	font-size:10px;
}
#boxContact dl dd {
	margin: -16px 0 0px 0;
	padding: 0 0 0px 50px;
	font-size:10px;
}


/* boxNew ---------------------------------------*/

#boxNew {
	margin-bottom:15px;
}
#boxNew li {
	width:186px;
	padding-left:8px;
	margin:0 5px 5px 5px;
	font-size:10px;
	background:url(../img/arrow_s.gif) no-repeat 0 5px;
}
#boxNew li span {
	display:block;
}

/* boxBnr ---------------------------------------*/

#boxBnr {
	margin-bottom:10px;
}
#mainContentsInLeft #boxBnr {
	margin-top:20px;
}
#boxBnr li {
	margin: 0 0 8px 0;
	font-size:0;
}
#boxBnr li p {
	line-height:12px;
	margin:2px 5px 5px 2px;
	padding-left:8px;
	background:url(../img/arrow_s.gif) no-repeat 0 3px;
	font-size:10px;
}
#boxBnr li p img {
	vertical-align:top;
	margin-left:2px;
}


/*-----------------------------------------------*/
/*              mainContentsInRight              */
/*-----------------------------------------------*/

#mainContentsInRight {
	float:right;
	width:520px;
	padding-top:3px;
}

/*-----------------------------------------------*/
/*                      Topics                   */
/*-----------------------------------------------*/

/* titleTopics ----------------------------------*/

#titleTopics {
	position:relative;
	width:520px;
	height:45px;
	background:url(../../img/t_topics.gif) no-repeat 0 0;
}
#titleTopics a {
	display:block;
	position:absolute;
	top:12px;
	right:10px;
	width:79px;
	height:23px;
	background:url(../../img/btn_list.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#titleTopics a:hover {
	background-position:left bottom;
}

/* titleAdd ----------------------------------*/

.titleAdd {
	width:518px;
	border:1px solid #e7e7e7;
	background:#f8f8f8;
}
.titleAdd li {
	float:left;
	line-height:30px;
	height:30px;
	text-align:center;
	color:#383838;
}
.titleAdd li:first-child {
	width:98px;
	background:url(../../img/box_topics_title_add.gif) no-repeat right center;
	/* border-right:1px solid #2280f3;*/
}
.titleAdd li:last-child {
	width:420px;
}

/* boxTopics -------------------------------------*/

.boxTopics {
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(../../img/bg_box520.gif) no-repeat left bottom;
}
.boxTopics#boxAspic {
	padding-top:10px;
}
.boxTopics2#boxAspic2 {
	padding:10px 0;
}

/* tabnavi -------------------------------------*/

.boxTopics .tabnavi {
	width:511px;
	margin-bottom:10px;
	padding-left:9px;
	background:url(../../img/bg_tab.gif) no-repeat left bottom;
}
.boxTopics .tabnavi li {
	float:left;
	margin-right:5px;
}
.boxTopics .tabnavi li a {
	display:block;
	width:96px;
	height:32px;
	text-indent:-9999px;
	/*background-image:url(../../img/tab_topics.gif);*/
}

/* #boxAspic */

.boxTopics#boxAspic .tabnavi li a {
	background-image:url(../../img/tab_topics.gif);
}

/* #boxMember */
.boxTopics#boxMember .tabnavi li a {
	background-image:url(../../img/tab_member.gif);
}

.boxTopics .tabnavi li#tab1_01.tab_off a,
.boxTopics .tabnavi li#tab3_01.tab_off a {
	width:97px;
	background-position:0 0;
}
.boxTopics .tabnavi li#tab1_01 a,
.boxTopics .tabnavi li#tab1_01 a:hover,
.boxTopics .tabnavi li#tab3_01 a,
.boxTopics .tabnavi li#tab3_01 a:hover {
	width:97px;
	background-position:0 -32px;
}
.boxTopics .tabnavi li#tab1_02.tab_off a,
.boxTopics .tabnavi li#tab3_02.tab_off a {
	width:97px;
	background-position:-102px 0;
}
.boxTopics .tabnavi li#tab1_02 a,
.boxTopics .tabnavi li#tab1_02 a:hover,
.boxTopics .tabnavi li#tab3_02 a,
.boxTopics .tabnavi li#tab3_02 a:hover {
	width:97px;
	background-position:-102px -32px;
}
.boxTopics .tabnavi li#tab1_03.tab_off a,
.boxTopics .tabnavi li#tab3_03.tab_off a {
	background-position:-204px 0;
}
.boxTopics .tabnavi li#tab1_03 a,
.boxTopics .tabnavi li#tab1_03 a:hover,
.boxTopics .tabnavi li#tab3_03 a,
.boxTopics .tabnavi li#tab3_03 a:hover {
	background-position:-204px -32px;
}
.boxTopics .tabnavi li#tab1_04.tab_off a,
.boxTopics .tabnavi li#tab3_04.tab_off a {
	background-position:-305px 0;
}
.boxTopics .tabnavi li#tab1_04 a,
.boxTopics .tabnavi li#tab1_04 a:hover,
.boxTopics .tabnavi li#tab3_04 a,
.boxTopics .tabnavi li#tab3_04 a:hover {
	background-position:-305px -32px;
}
.boxTopics .tabnavi li#tab1_05.tab_off a,
.boxTopics .tabnavi li#tab3_05.tab_off a {
	background-position:-406px 0;
}
.boxTopics .tabnavi li#tab1_05 a,
.boxTopics .tabnavi li#tab1_05 a:hover,
.boxTopics .tabnavi li#tab3_05 a,
.boxTopics .tabnavi li#tab3_05 a:hover {
	background-position:-406px -32px;
}
.boxTopics .tabnavi li#tab1_06.tab_off a,
.boxTopics .tabnavi li#tab3_06.tab_off a {
	background-position:-406px 0;
}
.boxTopics .tabnavi li#tab1_06 a,
.boxTopics .tabnavi li#tab1_06 a:hover,
.boxTopics .tabnavi li#tab3_06 a,
.boxTopics .tabnavi li#tab3_06 a:hover {
	background-position:-406px -32px;
}

/* #boxAspic dl  -------------------------------------*/

.boxTopics dl {
    display: flex;
	width:500px;
	padding:3px 5px 5px 5px;
	background:url(../img/line_dot.gif) no-repeat left bottom;
	margin:0 10px 5px 10px;
}
.boxTopics dl:last-child {
	background:none;
	margin-bottom:0;
	padding-bottom:0;
}
.boxTopics dt {
	background:url(../img/arrow_s.gif) no-repeat 0 5px;
	padding-left:10px;
}
.boxTopics dd {
	margin: 0 0 0 20px;
	/* padding-left:70px;*/
}
.boxTopics dd.twoline {
	margin-top: -36px;
	min-height:36px;
}
.boxTopics dd img {
	vertical-align:middle;
	margin-left:5px;
}

.boxTopics2{
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
}
.boxTopics2 dl {
	width:500px;
	padding:3px 5px 5px 5px;
	border-bottom:dotted 1px #d9d9d9;
	margin:0 10px 5px 10px;
}
.boxTopics2 dl:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.boxTopics2 dt {
	background:url(../img/arrow_s.gif) no-repeat 0 5px;
	padding-left:10px;
}
.boxTopics2 dd {
	margin: -18px 0 0 100px;
}
.boxTopics2 dd.twoline {
	margin-top: -36px;
	min-height:36px;
}
.boxTopics2 dd img {
	vertical-align:middle;
	margin-left:5px;
}

/* #boxMemberTitle  -------------------------------------*/
#boxMemberTitle {
    position: relative;
}
#boxMemberTitle p {
    position: absolute;
    top: 15px;
    right: 18px;
    padding-left:17px; 
    background: url(../img/i_pdf.gif) no-repeat 0 2px;
}

/* #boxMember ul.list  -------------------------------------*/

.boxTopics ul.list li {
	position:relative;
	width:415px;
	padding:3px 5px 5px 75px;
	background:url(../img/line_dot.gif) no-repeat left bottom;
	margin:0 10px 5px 10px;
}
.boxTopics ul.list li:last-child {
	background:none;
	margin-bottom:0;
	padding-bottom:0;
}
.boxTopics ul.list li.noInfo {
	padding-left:10px;
}
.boxTopics ul.list li img {
	vertical-align:middle;
	margin-left:5px;
}
.boxTopics ul.list li:before {
	position:absolute;
	top:5px;
	left:3px;
	width:75px;
}
.boxTopics ul.list li.press:before {
	content: url("../../img/i_press.gif");
}
.boxTopics ul.list li.other:before {
	content: url("../../img/i_other.gif");
}
.boxTopics ul.list li.event:before {
	content: url("../../img/i_event.gif");
}
.boxTopics ul.list li.media:before {
	content: url("../../img/i_media.gif");
}


/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*                  rightContents                */
/*-----------------------------------------------*/
/*-----------------------------------------------*/

#rightContents {
	float:right;
	width:200px;
}

/* boxNinteiBnr ---------------------------------------*/

#boxNinteiBnr {
	width:200px;
	margin:0 0 10px 0;
	padding:0px 0 5px 0;
	background:url(../../img/bg_nintei.gif) no-repeat left bottom;
	text-align:center;
}
#rightContents #boxNinteiBnr h3 {
	margin:0;
	padding-bottom:10px;
}
#boxNinteiBnr ul {
	/*padding-top:10px;*/
}
#boxNinteiBnr li {
	margin: 0 auto 5px auto;
	line-height:0;
}

/* boxStandard ---------------------------------------*/

#boxStandard {
	width:200px;
	margin:0 0 10px 0;
	padding:0px 0 5px 0;
	background:url(../../img/bg_nintei.gif) no-repeat left bottom;
	text-align:center;
}
#rightContents #boxStandard h3 {
	margin:0;
	padding-bottom:5px;
}
#boxStandard ul {
	padding-top:5px;
}
#boxStandard li {
	margin: 0 auto 5px auto;
	line-height:0;
}

/* boxForMember -------------------------------------*/

#boxForMember {
	width:200px;
	margin:0 0 10px 0;
	padding:0px 0 5px 0;
	background:url(../../img/bg_nintei.gif) no-repeat left bottom;
	text-align:center;
}
#rightContents #boxForMember h3 {
	margin:0;
	padding-bottom:5px;
}
#boxForMember ul {
	padding-top:5px;
}
#boxForMember li {
	margin: 0 auto 5px auto;
	line-height:0;
}
#boxForMember li p {
	line-height:12px;
	margin:4px 8px 8px 12px;
	padding-left:8px;
	background:url(../img/arrow_s.gif) no-repeat 0 3px;
	font-size:10px;
	text-align:left;
}
#boxForMember dl {
	margin:0px 10px 0px 15px;
	text-align:left;
}
#boxForMember dl dt {
	float:left;
	width:12em;
	font-size:10px;
}
#boxForMember dl dd {
	font-size:10px;
}

/* recent ---------------------------------------*/

#recent {
	margin:0 10px 10px 10px;
}
#recent li {
	font-size:10px;
	margin-bottom:3px;
	background:url(../img/arrow_ss.gif) no-repeat 0 7px;
	padding-left:8px;
}
#recent li img {
	vertical-align:top;
	margin-left:4px;
}


/*-----------------------------------------------*/
/*                    floatClear                 */
/*-----------------------------------------------*/

.clearfix,
#contents,
#mainContentsIn,
.titleAdd ul,
.boxTopics ul,
#boxForMember dl {
	zoom: 1; /* for IE5.5 - IE7 */
}
.clearfix:after,
#contents:after,
#mainContentsIn:after,
.titleAdd ul:after,
.boxTopics ul:after,
#boxForMember dl:after { /* for modern browser */
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}