/*==========  目次 ==========*/

/*
01.初期化
02.全体
03.clerfix
04.hedader
05.main
06.side
*/

/*==========  初期化 ==========*/
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object {
margin:0px;
padding:0px;
}
html {
border:none;
}
body {
font-size:12px;
line-height:1.4;
color:#443333;
}
body.iframe {
background:none;
background:#F2E0B0;
margin:0;
}
ul, ol {
list-style:none;
}

/*==========  全体 ==========*/
body {
background: url(../img/base/bg_top.jpg) center 1px no-repeat #ebebeb;
}
img {
margin:0;
border:medium none;
}
#wrapper {
margin: 0px auto;
width:960px;
}
#content_wrapper {
width:700px;
}

/*==========  clearfix ==========*/
.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cf {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac */
* html .cf {
height: 1%;
}
.cf {
display: block;
}


/*========== rollover ==========*/
.rollover { } /* dreamweaver用 */


/*==========  cp_navi ==========*/
#cp_navi {
width:100%;
height:29px;
background:#ffaa88;
background:url(../img/base/cp_navi_bg.jpg) 0 0 repeat-x;
}
#cp_navi .cp_navi_title {
width:960px;
margin:0 auto;
padding-top:6px;
text-align:center;
}
#cp_navi .cp_navi_list {
position:absolute;
top:6px;
right:20px;
}


/*==========  header ==========*/
#header {
height:375px;
position:relative;
}
#header .logo {
position:absolute;
top:18px;
left:0px;
}
#header .globalNavi {
position:absolute;
top:18px;
left:245px;
z-index: 1;
}
#header .entry {
position:absolute;
top:200px;
left:7px;
}
#header .entry a {
width:210px;
height:175px;
display:block;
text-indent:-9999px;
text-decoration:none;
background:url(/common/img/base/entry_btn.png) 0 0 no-repeat;
}
#header .entry a:hover {
background:url(/common/img/base/entry_btn_o.png) 0 0 no-repeat;
}

#header .bnrh{
position: absolute;
top: 220px;
left: 243px;
}

#header .bnrh2{
position: absolute;
top: 300px;
right:10px;
}

#header .bnrh3{
position: absolute;
top: 178px;
left: 243px;
}

.countdown{
	position:absolute;
	width:455px;
	height:270px;
	background:url(/common/img/base/an10_bk.png) no-repeat;
	top:100px;
	left:250px;
	padding-top:190px;
}

.day_size{
	display:block;
	font-weight:bold;
	color:#fff;
	font-size:450%;
	text-align:center;
}

.f_size{
	display:block;
	font-weight:bold;
	color:#fff;
	font-size:180%;
	text-align:center;
}

.f_size a{
	color:#fff;
	text-decoration:none;
	font-size:80%;
}

.f_size a:hover{
	text-decoration:underline;

}

.day_small{
	font-size:50%;
	vertical-align:middle;
}



#CDT{
	color:#fff;
	line-height:1;
}

#CDT .hms{
	display:block;
	font-size:110%;
	letter-spacing:0.1em;
	text-align:center;
	margin-top:-10px;
}

#countdown_bk{
background: url(../img/base/bg_top_2.jpg) center 1px no-repeat #ebebeb;
}




/*==========  main ==========*/
#main_wrapper {
width:740px;
margin-bottom:20px;
background:url(../img/base/mainArea_bg.gif) 0 0 repeat-y;
float:right;
}
#main_top {
width:740px;
background:url(../img/base/mainArea_bgTop.gif) 0 0 no-repeat;
}
#main_bottom {
width:740px;
padding-bottom:5px;
background:url(../img/base/mainArea_bgBottom.gif) left bottom no-repeat;
}
#main {
width:710px;
padding:15px;
}




/*==========  side ==========*/
#side {
width:220px;
float:left;
overflow:hidden;
}
.mypage {
width:220px;
height:148px;
padding-top:50px;
background:url(../img/base/mypage_bg.gif) 0 0 no-repeat;
text-align:center;
position:relative;
top:0;
left:0;
}
.input_id {
width:113px;
height:14px;
position:absolute;
top:55px;
left:15px;
}
.input_pass {
width:113px;
height:14px;
position:absolute;
top:88px;
left:15px;
}
#login_button {
position:absolute;
top:53px;
left:138px;
}
.input_forget {
position:absolute;
top:120px;
left:30px;
padding-left:20px;
background:url(../img/base/list_arrow02.gif) 0 0 no-repeat;
}
.input_forget a {
color: #000000;
}
.input_download {
position:absolute;
top:147px;
left:7px;
}

input[type=text] {
border-top:1px solid #555555;
}
/*
input[type=text]:hover {
background-color:#ffffff;
border-color:#999999;
}
*/
input[type=password] {
border-top:1px solid #555555;
}
/*
input[type=password]:hover {
background-color:#ffffff;
border-color:#999999;
}*/

/* sub */
#sub_wrapper {
width:220px;
background:url(../img/base/sideArea_bg.gif) 0 0 repeat-y;
}
#sub_top {
width:220px;
background:url(../img/base/sideArea_bgTop.gif) 0 0 no-repeat;
}
#sub_bottom {
width:220px;
background:url(../img/base/sideArea_bgBottom.gif) left bottom no-repeat;
}
#sub {
width:194px;
padding:13px;
}

/* sub 外部リンク枠 20130523 add */

.sub2{
    padding: 11px;
	padding-bottom:6px;
    width: 191px;
	border: 2px solid #aaa;
	background:#fff;
	margin-top:5px;
	margin-right:3px;
}




/*==========  footer ==========*/
#footer_wrapper {
margin:0;
padding:0;
line-height:0;
width:100%;
clear:both;
background:#000000;
}

#footer {
width: 960px;
padding:10px 0px 10px 0px;
margin: 0 auto;
color:#ffffff;
font-size:10px;
line-height:1;
}
#footer .footer_left {
width:470px;
float:left;
}
#footer .footer_right {
width:255px;
float:right;
}
#footer ul {
list-style:none;
}
#footer ul li {
float:left;
margin-right:5px;
}
#footer ul li a {
color:#ffffff;
text-decoration:none;
}
#footer ul li a:hover {
text-decoration:underline;
}
#footer .copyright {
clear:both;
padding-top:12px;
}



/*==========  etc ==========*/
.pageTop {
padding:0 0 10px 0;
text-align:right;
clear:both;
}
.pageTop2 {
padding:10px 0 0 0;
text-align:right;
clear:both;
}


.attention {
padding-left:1.4em;
text-indent:-1.4em;
color:#ff0000;
}
.indent1em {
padding-left:1.4em;
text-indent:-1.4em;
}

.indentNo {
padding-left:1.2em;
text-indent:-1.2em;
}
.indentNo li { margin-bottom:4px; }

/* 2桁がある場合 */
.indentNo2 {
padding-left:1.4em;
text-indent:-1.4em;
}
.indentNo2 li { margin-bottom:4px; }

.indentCircle {
padding-left:0.8em;
text-indent:-0.8em;
}
.indentCircle li { margin-bottom:4px; }


.indentIn {
text-indent:0;
margin-top:5px;
margin-left:1em;
}


.red {
color:#ff0000;
}


.picup {
padding:3px;
border:1px solid #777777;
background:#f1f1f1;
}

.mb5 {
margin-bottom:5px;
}
.mb10 {
margin-bottom:10px;
}
.mb20 {
margin-bottom:20px;
}
.pb5 {
padding-bottom:5px;
}
.pb10 {
padding-bottom:10px;
}
.pb20 {
padding-bottom:20px;
}


/*==========  スクリーンショット ==========*/
.ssNo {
margin-right:3px;
padding:0px 6px 0px 7px;
background:#ff0000;
color:#ffffff;
}
/* 2桁の場合 */
.ssNo2 {
margin-right:3px;
padding:0px 3px;
background:#ff0000;
color:#ffffff;
}




.support_news {
	text-align:center;
	height:30px;
	background:#fff;
	border-bottom:1px solid #555555;
	line-height:30px;
	display:none;
}
.support_news a {
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#ff0000;
}


/* add 20150701 */
.top_text{
	line-height:1.6em;
	background:#fff3a3;
	padding:5px !important;
	width:190px;
	height:40px;
	border-radius:4px;
	position:absolute;
	top:130px;
	left:12px;
	-webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
}
.top_text:after {
border:10px solid transparent;
border-top-color:#fff3a3;
border-bottom-width:0;
bottom:-10px;
content:"";
display:block;
left:90px;
position:absolute;
width:0;

}