@charset "UTF-8";


#con {
	border-top: 42px solid #eeeeee;
	background: url(../../common/img/line01.gif) repeat-x left 0px;
}
#container_inner {
	margin-top:-110px;
}
.gray {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.font_6 {
	font-size:6px;
}
.des {
	font-size:12px;
	padding-bottom: 5px;;
}
.dl_box {
	background: url(../../images/howto/bg_head_dl_box.gif) no-repeat ;
	padding-top:7px;
	margin-top: 20px;
}
.dl_box_f {
	background: url(../../images/howto/bg_foot_dl_box.gif) no-repeat left bottom ;
	padding-bottom:5px;
}
.dl_box_b {
	background: #dae1eb;
	border-left:#dddddd;
	border-right:#dddddd;
	width:448px;
	font-size:14px;
	text-align:center;
}
.dl_box_b p {
	text-align:left;
	padding-left:60px;
}
.dl_box_b2 p {
	text-align:left;
	padding-left:30px;
}
.mRtm30 {
	margin-right:30px;
}
.dot_ul {
	padding-left:30px;
	list-style-type: disc;
	list-style-position: outside;
}
.text_box_left {
	width:500px;
}
.img_box_right {
	float:right;
	width:310px;
}

#contents .youtube_box {
	position:relative;
	background-color:#EFEFEF;
	overflow:visible;
	border:1px solid #DEDEDE;
	margin:0 0 55px 0;
	height:290px;
}
.youtube_area {
	position:absolute;
	left:27px;
	top:17px;
}
.img_howto {
	position:absolute;
	right:0px;
	top:-160px;
}
.btn_pamphlet_dl {
	position:absolute;
	left:563px;
	top:200px;
}

#contents .block_area .gray_box.discas_box {
	padding-top:0;	
}
.mTop-30 {
	margin-top:-30px;	
}
.pBtm20 {
	padding-bottom:20px;	
}

img {
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h1, h2 {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.box {
	text-align: center;
}

#container {
	background: #ffffff url(../../common/img/footer_bg.gif) repeat-x left bottom;background-color: #f7f7f7;
}

#header {
	height: 68px;
}
#header ul {
	top:29px;
}
#header h1 {
	line-height: 1.8em;
	color: #d0d0d0;
} 
/* 
　20130705　修正
 */



} */
#container #con {
	background-image: none;
}

#contents {
	background-color: #FFFFFF;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#main {
	background-image: url(../../images/entrance/main_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	/*height: 404px;  */
	width: 100%;
	margin-bottom: 16px;
}
#black {
	background-color: #000000;
	width: 920px;
	/* padding-bottom: 84px; */
} 
.box ul li {
	float: left;
}
.btn {
	text-align: center;
	display: block;
	margin-bottom: 70px;
	font-size: 11px;
}
.tsutayatv_0705 {
margin-top:50px; 
margin-bottom:30px;
position: relative;
overflow:hidden;
width: 920px;
height: 126px;
}/* 2013/07/05追加 */
.tsutayatv_0705 a {
position: absolute;
overflow:hidden;
width: 304px;
height: 45px;
top: 64px;
left: 555px;
}

a.btn2 {
	height: 50px;
	width: 259px;
	margin-top: 28px;
	margin-right: auto;
	margin-bottom: 28px;
	margin-left: auto;
	display: block;
}
a.txt {
	color: #333333 !important;
	text-decoration: underline;
	text-align: center;
	display: block;
	margin-bottom: 70px;
}
#faq ul {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
#faq li {
	float: left;
	width: 270px;
	text-align: left;
	line-height: 1.5em;
	background-image: url(../../images/entrance/ico_list.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 1.5em;
	padding-left: 16px;
	margin-bottom: 20px;
}
#faq a {
	display: block;
}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#333;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff; padding:1px;}
        #cboxLoadingGraphic{
	background-image: url(../../images/entrance/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../../images/entrance/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


.inline_content {
    padding: 20px;
	text-align:left;
}
ul.accordion {
    height: 550px;
}
ul.accordion, ul.accordion > li {
    font-size: 14px;
}
ul.accordion > li > a, ul.accordion > li > .accordion_head {
    background: url("../../images/entrance/arw_btm.png") no-repeat scroll 4px 50% transparent;
    border-bottom: 1px solid #999999;
    cursor: pointer;
    display: block;
    font-weight: bold;
    margin: 5px 0;
    padding: 5px 5px 5px 20px;
}
ul.accordion a {
    text-decoration: none;
}
ul.accordion > li > a:hover {
    background: url("../../images/entrance/arw_btm.png") no-repeat scroll 4px 50% transparent;
}
ul.accordion > li > .accordion_head:hover {
    background: url("../../images/entrance/arw_btm.png") no-repeat scroll 4px 50% transparent;
    font-weight: bold;
}
ul.accordion li ul {
}
ul.accordion li li {
    font-size: 13px;
    margin-bottom: 20px;
    padding: 5px 20px;
}
ul.accordion li li a {
    display: block;
    padding: 7px 5px 7px 20px;
	color: #024DB4;
}
ul.accordion li li a:hover {
	text-decoration: underline;
}
ul.accordion > li .selected, ul.accordion > li .selected:hover {
    background: url("../../images/entrance/arw_top.png") no-repeat scroll 4px 50% transparent;
}
#inline_content01 p {
	margin-bottom: 0.8em;
	line-height: 1.4em;
}
#inline_content01 a {
	display: inline;
	margin: 0px !important;
	padding: 0px !important;
	text-indent:0 !important;
}
#inline_content01 .card {
	padding-left: 1em;
	line-height: 1.4em;
	padding-bottom: 0.5em;
}
#inline_content01 .type {
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.4em;
	padding-top: 0.5em;
}
#inline_content01 dl {
	margin-bottom: 1em;
}
#inline_content01 dt {
	float: left;
	clear: both;
	line-height: 1.6em;
}
#inline_content01 dd {
	text-indent: 1em;
	line-height: 1.6em;
}
#inbox {
	margin-bottom: 70px;
}
#inbox li {
	width: 920px;
}
#inline_content05 {
	background-color: #FFFFFF;
	background-image: url(../../images/entrance/win_05_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 600px;
	width: 780px;
	overflow: hidden;
}
#inline_content05 p {
	text-align: center;
}

#inline_content06 {
	background-color: #FFFFFF;
}
#inline_content06 ul {
	list-style-type: none;
	background-image: url(../../images/entrance/win_06_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 364px;
	width: 397px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	padding: 70px 96px 0 ;
}
#inline_content06 li {
	float: none;
	height: 89px;
	width: 388px;
	background-image: none;
	margin-bottom: 30px;
}
.text_minicenter {
	font-size: 10px;
	text-align: center;
	padding-left: 0px;
}