@charset "Shift_JIS";
*{
	margin:0;
	padding:0;
}

a{color:#FFF; text-decoration: none;}
a:visited{color:#FFF; text-decoration: none;}
a:hover{color:#FFF; text-decoration: underline;}
a:active{color:#FFF; text-decoration: none;}

body{
	background-color:#000;
	font-size: 12px;
}

.minmax{
	max-width: 682px;
}

#mainContainer{
	text-align:center;
}

#rightContainer{
	margin:auto;
	width:682px;
}

#companyLogo{
	text-align:left;
	padding: 20px 0 20px 12px;
}
p.rightTitle{
	background-color:#333;
	text-align:left;
	color:#FFF;
	font-weight: bold;
	margin: 0 12px;
	padding: 6px;
	border: 2px solid #848484;
	background: #515151 url(/common/images/caution_title_bg2.gif) no-repeat right;
}

p.rightText{
	background-color:#FFF;
	text-align:left;
	line-height:135%;
	margin: 10px 12px 16px 12px;
	padding: 12px;
}



#footerContainer{
	margin:auto;
}
#copyright{
	text-align:left;
	padding: 15px 12px;
}
#closeText{
	font-size: 90%;
	padding: 12px 20px;
	float:right;
}
#closeText a{
	background: url(/product/expansion/images/ic_arrow_circle.gif) no-repeat left center;
	padding-left:15px;
}

/*renew*/
#information {
	line-height: 1.6em;
}

#information .visual {
	margin-bottom:15px;
}
#information .visual .greeting {
	display:none;
	color:#fff;
	font-size:14px;
	line-height:24px;
}
@media screen and (max-width: 640px) {
	#information .visual {padding:20px; margin-bottom:0;}
	#information .visual .greeting {display:block;}
}

#information .box {padding:0 15px;}
@media screen and (max-width: 640px) {
	#information .box {padding:0 10px;}
}

#information .box .lineupbox {
	background: rgb(35,35,35);
	background: -moz-linear-gradient(top,  rgba(35,35,35,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,35,35,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,  rgba(35,35,35,1) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(35,35,35,1) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(35,35,35,1) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(35,35,35,1) 0%,rgba(0,0,0,1) 100%);
	border:1px solid #454545;
	margin-bottom:30px;
}
@media screen and (max-width: 640px) {
	#information .box .lineupbox {
		background: #111111;
	}
}


#information .box .lineupbox .attention {
	padding:35px;
}
@media screen and (max-width: 640px) {
	#information .box .lineupbox .attention {
		background:none;
		padding:20px;
		word-break:break-all;
	}
}

#information .box .lineupbox .info {
	width:100%;
}

#information .box .lineupbox .info h3 {margin-bottom:10px;}

#information .box .lineupbox strong.title {
	display:block;
	font-size:16px;
	margin-bottom:10px;
}
#information .box .lineupbox strong.title .brSP {
	display:none;
}

.attention p.summary {
	padding:0 15px 9px 0;
	min-height:52px;
	margin-bottom:20px;
	font-size:14px;
}

#information .box .lineupbox dl.summary {
	padding:0 15px 9px 0;
	margin-bottom:20px;
	font-size:14px;
}

#information .box .lineupbox dl.summary dt {
	font-weight:bold;
	display:list-item;
	list-style:url(../images/list.gif) inside;
	
}

#information .box .lineupbox dl.summary dd {
	margin-left:1.4em;
}

#information .box .lineupbox dl.summary dd ul li {
	margin-bottom:1em;
}


@media screen and (max-width: 640px) {
	#information .box .lineupbox .info {
		width:auto;
	}
	#information .box .lineupbox .info h3 img {
		margin:0 auto;
	}
	#information .box .lineupbox strong.title {
		text-align:center;
	}
	#information .box .lineupbox strong.title .brSP {
		display:inline;
	}
	#information .box .lineupbox p.summary {
		padding:0 0 10px 0;
	}
.attention p.summary {
		padding:0 0 10px 0;
	}
}

#information .box .caution {
	padding:25px 35px;
	background:#333;
	color:#fff;
}
#information .box .caution h4 {margin-bottom:10px;}

#information .outlink{
    background: rgba(0, 0, 0, 0) url("/info/images/icon-newwin.gif") no-repeat scroll 0 4px;
    color: #666666;
    font-size: 0.85em;
    margin-left: 8px;
    padding: 0 0 0 10px;
}

/*白バージョン*/
#contents.contents-white {
	background:#1d1d1d;
	color:#333;
}
#contents.contents-white h1{
	color:#333;
	background:#fff;
}
#contents.contents-white .lineupbox .attention {
	border:1px solid #ccc;
	background:#fff;
}
@media screen and (max-width: 640px) {
	#contents.contents-white .lineupbox .attention {
		padding:20px;
	}
}