@charset "UTF-8";
/* CSS Document */


body {
 position: relative;
 background: #012041 0 0 repeat-x;
 color: #003366;
 font-size: 75%;
 font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", sans-serif;
 line-height: 120%;
 text-align: center;
 }


/* Anchor
-------------------------------------*/

a:link {
 color: #003366;
 text-decoration: underline;
 }

a:visited {
 color: #3399ff;
 text-decoration: underline;
 }

a:hover {
 color: #ff6600;
 text-decoration: none;
 }

a:active {
 color: #032441;
 text-decoration: none;
 }


/* Button
-------------------------------------*/

#toTop {
 width: 968px;
 height: 18px;
 display:block;
 background: #FFF;
 text-align:right;
 margin:0 auto;
 }


/* Header
-------------------------------------*/

#headerWrapper {
 width: 100%;
 background-color:#0b499d;
 }

#headerWrapper #cont_sp_redirect {
 background: #fff;
 padding: 20px;
}

#headerWrapper #cont_sp_redirect a {
 display: block;
 background: linear-gradient(#33A4CF, #2784a8);
 background: -webkit-linear-gradient(#33A4CF, #2784a8); /* For Safari 5.1 to 6.0 */
 background: -o-linear-gradient(#33A4CF, #2784a8); /* For Opera 11.1 to 12.0 */
 background: -moz-linear-gradient(#33A4CF, #2784a8);
 box-shadow: 2px 3px 3px #CCC;
 font-size: 4em;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 border-radius: 6px;
 padding: 60px 30px;
 margin: 0 auto;
 width: calc(100% - 70px); 
}

#header {
 position:relative;
 top:0;
 left:0;
 width: 968px;
 height: 155px;
 text-align: left;
 margin:0 auto;
 }

#header #topics_info {
 position: absolute;
 width: 350px;
 height: 30px;
 line-height: 140%;
 top: 19px;
 left: 0px;
 }

#header #topics_info h1 {
 font-size:80%;
 color:#ffffff;
 }

#mail {
 position: absolute;
 width: 330px;
 line-height: 145%;
 left: 636px;
 top: 52px;
 height: 23px;
 color:#ffffff;
 font-size:80%;
 }

#pw {
 position: absolute;
 width: 350px;
 line-height: 145%;
 left: 636px;
 top: 86px;
 height: 23px;
 color:#ffffff;
 font-size:80%;
 width: 330px;
 }

#mail #h_user_id,
#pw #h_passwd {
	width: 132px;
}

#pw_lost {
 position: absolute;
 width: 350px;
 line-height: 145%;
 left: 714px;
 top: 121px;
 height: 23px;
 color:#ffffff;
 font-size:80%;
 width: 159px;
 }

#mail ul,
#pw ul,
#pw_lost ul {
 list-style:none;
 }

#mail li,
#pw li,
#pw_lost li {
 float:left;
 }

#pw_lost li a {
 color:#ffffff;
 text-decoration: none;
 }

#pw_lost li a:hover {
 color:#33ccff;
 }

.name {
 margin:7px 5px 0px 0px;
 width:70px;
 display:block;
 }

#header p#logo {
 position: absolute;
 top: 52px;
 left: 0px;
 height: 44px;
 }

div#header div#globalNavi {
 position: absolute;
 top: 119px;
 left: 0px;
 width: 627px;
 height: 36px;
 }

div#header div#globalNavi ul {
 width: 760px;
 height: 36px;
 }

div#header div#globalNavi ul li {
 float: left;
 height: 36px;
 }

div#header div#globalNavi ul li#gNavi01_now {
 width: 141px;
 height:36px;
 display: block;
 margin-right:4px;
 background:url(../img/gnavi_home_now.gif) 0 0 no-repeat;
 }

div#header div#globalNavi ul li#gNavi02_now {
 width: 239px;
 height:36px;
 display: block;
 margin-right:4px;
 background:url(../img/gnavi_media_now.gif) 0 0 no-repeat;
 }

div#header div#globalNavi ul li#gNavi03_now {
 width: 239px;
 height:36px;
 display: block;
 background:url(../img/gnavi_client_now.gif) 0 0 no-repeat;
 }

div#header div#globalNavi ul li#gNavi01 {
 width: 141px;
 height:36px;
 display: block;
 margin-right:4px;
 }

div#header div#globalNavi ul li#gNavi02 {
 width: 239px;
 height:36px;
 display: block;
 margin-right:4px;
 }

div#header div#globalNavi ul li#gNavi03 {
 width: 239px;
 height:36px;
 display: block;
 }

#header div#subNavi {
 position: absolute;
 top: 0;
 right: 0;
 width: 287px;
 }

#header div#subNavi ul li {
 float: left;
 padding: 18px 0px 0px 0px;
 margin-left: 5px;
 }

#header div#subNavi ul li a {
 display: block;
 height: 16px;
 text-indent: -9999px;
 text-decoration: none;
 overflow: hidden;
 }

#header div#subNavi ul li#sNavi01 a {
 width: 90px;
 background:url(../img/s_navi_01.gif) 0 0 no-repeat;
 }

#header div#subNavi ul li#sNavi02 a {
 width: 98px;
 background:url(../img/s_navi_02.gif) 0 0 no-repeat;
 }

#header div#subNavi ul li#sNavi03 a {
 width: 84px;
 background:url(../img/s_navi_03.gif) 0 0 no-repeat;
 }

#header div#subNavi ul li#sNavi01 a:hover,
#header div#subNavi ul li#sNavi02 a:hover,
#header div#subNavi ul li#sNavi03 a:hover {
 background-position: 0 -16px;
 }


/* Mainimage
-------------------------------------*/

#mainWrapper {
 width: 100%;
 height:295px;
 background-color: #80cef2;
 }

#mainImage {
 width: 968px;
 height: 100%;
 position:relative;
 top:0;
 left:0;
 display:block;
 text-align: left;
 margin:0 auto;
 }

#leftBox {
 float:left;
 width:384px;
 height:295px;
 background:url(../img/top_image.jpg) 0 0 no-repeat;
 position:relative;
 }

#leftBox #video {
 width:320px;
 height:195px;
 position:absolute;
 top:27px;
 left:32px;
 }

#rightBox {
 float:right;
 width:584px;
 height:295px;
 }

#forMedia {
 float:left;
 position:absolute;
 background:url(../img/bt_back_media.gif) 0 0 no-repeat;
 width:276px;
 height:162px;
 left: 400px;
 top: 36px;
 }

#mediaBt {
 position:absolute;
 display:block;
 left: 8px;
 top: 102px;
 width: 260px;
 height: 53px;
 }

#forClient {
 float:right;
 position:absolute;
 background:url(../img/bt_back_client.gif) 0 0 no-repeat;
 width:276px;
 height:162px;
 left: 692px;
 top: 36px;
 }

#clientBt {
 position:absolute;
 display:block;
 left: 8px;
 top: 103px;
 width: 260px;
 height: 53px;
 }

#topSentence {
 position:absolute;
 clear:both;
 left: 401px;
 top: 211px;
 width: 567px;
 height: 67px;
 }

#topSentence h2 {
 color:#ffffff;
 font-weight:bolder;
 font-size:110%;
 line-height:170%;
 text-align:center;
 }


/* Contents
-------------------------------------*/

#contentsWrapper {
 width: 100%;
 background-color: #ffffff;
 }

#contents01 {
 width: 968px;
 height: 100%;
 display:block;
 background: #ffffff;
 text-align: left;
 margin:0 auto;
 padding:30px 0px 0px 0px;
 }

#contents02 {
 width: 968px;
 height: 100%;
 display:block;
 background: #ffffff;
 text-align: left;
 margin:0 auto;
 padding:15px 0px 10px 0px;
 height: 100%;
 }

#contents01:after,
#contents02:after {
 content: " ";
 display: block;
 visibility: hidden;
 clear: both;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 }


/* Main
-------------------------------------*/

div.main_right {
 float: right;
 width: 473px;
 }

div.main_left {
 float: left;
 width: 473px;
 }

div.main_right ul.topListIcon,
div.main_left ul.topListIcon {
 margin:9px;
 }

div.main_right ul.topListIcon li,
div.main_left ul.topListIcon li {
 background: url(../img/img_arrow.gif) no-repeat scroll;
 margin: 0 0 10px;
 padding: 0 0 0 20px;
 }

.information p{
 line-height:155%;
 }

.arrow {
 background-attachment: scroll;
 background-clip: border-box;
 background: url(../img/img_arrow.gif) no-repeat scroll;
 background-position: right center;
 background-repeat: no-repeat;
 background-size: auto auto;
 text-align:right;
 margin-right:10px;
 padding-right:15px;
 }


/* MainView
-------------------------------------*/

.main_view {
 width:671px;
 height:203px;
 margin-top:20px;
 }

.pointContainer {
 width: 671px;
 height: 117px;
 margin-top:6px;
 margin-right: 0px;
 margin-left: 1px;
 margin-bottom: 0px;
 }

ul.thumb {
 float: left;
 list-style: none;
 }

ul.thumb li {
 margin: 0;
 float: left;
 position: relative;
 width: 159px;
 height: 117px;
 }

ul.thumb li img {
 width: 161px;
 height: 117px;
 position: absolute;
 left: 0px;
 }


/* Campaign
-------------------------------------*/

#campaign_up,
#campaign_down {
 display:block;
 margin:9px 35px 9px 35px;
 }

#campaign_up ul,
#campaign_down ul {
 list-style:none;
 }

#campaign_up li,
#campaign_down li {
 float:left;
 }



/* Footer
-------------------------------------*/

div#footerWrapper {
 width: 100%;
 height: 300px;
 background-color:#012041;
 }

div#footer {
 width: 968px;
 height: 100%;
 font-size:85%;
 text-align: left;
 margin:20px auto;
 }

div#footer a {
 color:#ffffff;
 text-decoration: none;
 }

div#footer a:hover {
 color:#33ccff;
 }

.box_menu_sitemap {
 float: left;
 width: 320px;
 }

.box_menu_info,
.box_menu_banner {
 float: left;
 width: 180px;
 margin-left:5px;
 }

.box_menu_twitter {
 float: left;
 width: 255px;
 }

.box_menu_sitemap li,
.box_menu_info li,
.box_menu_banner li,
.box_menu_twitter li {
 padding:5px 0px 5px 0px;
 background: url(../img/img_arrow.gif) no-repeat scroll;
 margin: 0 0 10px;
 padding: 0 0 0 20px;
 }

#copyright {
 color:#ffffff;
 text-align:right;
 font-size:90%;
 margin:30px 0px 30px 0px;
 }


/*SUB PAGE
-------------------------------------*/

#mainWrapper_sub {
 width: 100%;
 height:85px;
 text-align: left;
 background-color: #80cef2;
 }

#mainImage_sub {
 width: 968px;
 height: 100%;
 display:block;
 text-align: left;
 margin:0 auto;
 }

#sub_icon {
 float:left;
 display:block;
 width:67px;
 height:67px;
 margin:9px 5px 9px 50px;
 }

#sub_p {
 float:left;
 width:791px;
 color: #ffffff;
 margin:9px 50px 9px 5px;
 padding-top:15px;
 line-height:155%;
 }

#sub_p .p_bold_sub {
 font-weight:bold;
 font-size:150%;
 text-align: left;
 }

#contentsSub {
 /*overflow : auto;*/
 width : 868px;
 height: 100%;
 line-height:175%;
 /*display:table;*/
 background: #ffffff;
 text-align: left;
 margin:auto;
 padding:30px 0px 10px 0px;
 }

.sub_01 {
 display:block;
 font-size:120%;
 font-weight:bold;
 border-bottom:#999999 dotted 1px;
 padding:0px 0px 5px 0px;
 }

.contactArea {
 margin-bottom:20px;
 border: 1px dotted #CCCCCC;
 padding: 15px 0 15px 30px;
 }

.textArea {
 margin: 10px 5px 0 10px;
 }

ol.numList {
 margin: 0 0 0 25px;
 }

#wrapperForm {
 /*display: inline-block;*/
 width: 868px;
 padding:0px;
 text-align: left;
 width: 100%;
 margin:0 auto;
 }

#p_attention {
 text-align:center;
 display:block;
 margin:20px 0px;
 }

#p_attention h2 {
 color:#fe9936;
 }

#wrapperForm table {
 table-layout: fixed;
 border:#CCCCCC solid 1px;
 width:100%;
 }

.bottom_white {
 border-bottom:#ffffff dotted 1px;
 }

.bottom_gray {
 border-bottom:#cccccc dotted 1px;
 }

.bottom_gray #user_id {
 padding: 5px;
 width: calc(100% - 16px);
 height: 16px;
}

#wrapperForm table.tbl-THgray-S th {
 background-color: #80cef2;
 color: #ffffff;
 padding:5px;
 text-align:left;
 vertical-align: top;
 width: 15%;
 }

#wrapperForm table.tbl-THgray-S tr {
 margin-bottom:10px;
 }

#wrapperForm table.tbl-THgray-S td {
 background-color: #f9f9f9;
 color:#003366;
 padding: 5px; /* 0px 0px 5px;*/
 }

#wrapperForm table.tbl-THgray {
 margin: 0 auto 20px;
}

#wrapperForm table.tbl-THgray th {
 background-color: #80cef2;
 color: #fff;
 padding: 15px;
 text-align: left;
 vertical-align: top;
 width: 35%;
 }

#wrapperForm table.tbl-THgray tr {
 margin-bottom:10px;
 }

#wrapperForm table.tbl-THgray td {
 background-color: #f9f9f9;
 color:#003366;
 padding: 15px 20px;
 width: 65%:
}

#formBt {
 margin:10px auto;
 width: 868px;
 height:100%;
 text-align:left;
 }

#formBt ul {
 list-style-type:none;
 position: relative;
 left: 50%;
 float:left;
 }

#formBt li {
 padding:0px 10px 0px 10px;
 list-style-type:none;
 float:left;
 position: relative;
 left: -50%;
 float: left;
 }


/* Information
-------------------------------------*/

#boxInfo {
 text-align: left;
 width: 100%;
 padding: 0;
 }

#boxInnerInfo{
 width:828px;
 margin:0 20px 0px 20px;
 }

#boxInnerInfo p.title {
 border-bottom:#999999 dotted 1px;
 color: #CC6600;
 font-size: 120%;
 font-weight: bold;
 margin: 15px auto;
 padding-bottom: 10px;
 text-indent: 0;
 }
#boxInnerInfo p.title span {
 font-size: small;
 margin-right: 15px;
 }

.subhead {
 margin:0 auto;
 padding:0;
 }

#boxInfo dl {
 display: block;
 width:828px;
 display: inline-table;
 margin:10px 0px 0px 0px;
 padding:5px 0px 5px 0px;
 border-bottom:#cccccc 1px dotted;
 }

#boxInfo dl dt {
 float: left;
 line-height: 1.3;
 margin:0 15px 0 0;
 position:0px;
 width: 10%;
 }

#boxInfo dl dd {
 float: left;
 line-height: 1.3;
 margin:0;
 padding:0 0 0 10px;
 width: 85%;
 }

#paging {
 background-color: #eaecf2;
 width:828px;
 font-size:85%;
 margin:10px 20px 0px 20px;
 padding:1px;
 text-align: center;
 }

#paging ul li.prev {
 color: #999999;
 padding-left: 12px;
 margin: 0px 10px 20px 0px;
 padding: 0px 0px 0px 15px;
 background: url(../img/img_arrow_left.gif) no-repeat scroll;
 }

#paging ul li.own {
 font-weight: bold;
 }

#paging ul li {
 display: inline;
 padding:3px;
 }

#paging ul li.next {
 color: #999999;
 margin: 0px 0px 20px 0px;
 padding: 0px 15px 0px 15px;
 background: url(../img/img_arrow.gif) no-repeat scroll;
 background-position: right;
 }

div.changeDevice {
/* 	border: 1px solid #E7E7E7; */
/* 	background: none repeat scroll 0 0 #80CEF2; */
    display: inline-block;
    padding: 10px 10px 10px 10px;

    background: #D1D1D1;
    background: -o-linear-gradient(top, #EFEFEF 50%, #D1D1D1 100%);
    background: -ms-linear-gradient(top, #EFEFEF 50%, #D1D1D1 100%);
    background: -moz-linear-gradient(top, #EFEFEF 50%, #D1D1D1 100%);
    background: -webkit-linear-gradient(top, #EFEFEF 50%, #D1D1D1 100%);
    background: linear-gradient(top, #EFEFEF 50%, #D1D1D1 100%);

	border-top-left-radius: 6px;
    border-top-right-radius: 6px;

    font-size: 12px;

/*

	background: none repeat scroll 0 0 #80CEF2;
    padding: 5px 5px 5px 10px;

    font-size: 12px;
*/

}

div.changeDevice a a:visited{
	display: inline-block;
}

#modal_bg,
#modal_box {
	display: none;
}


#modal_bg {
	position: fixed;
	left: 0; top: 0;
	z-index: 9998;
	background: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	width: 100%;
	height: 100%;
}


#modal_box iframe {
	position: fixed;
	left: 50%; top: 50%;
	z-index: 9999;
	background: #fff;
	border: none;
}