@charset "utf-8";

/******************** head / footer ********************/

/* goo共通　global.css



/******************************************************
 * common (gooメール静的ページ　共通)
 ******************************************************/

body {
font-family: 'Lucida Grande', Meiryo, sans-serif;"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clearb {
	clear:both;
}

span.red {
	color: #FF0000;
}

span.blue {
    color: #0099FF;
}

.red {
	color: #FF0000;
}


/******************** content area ********************/


/*** ----- common ----- ***/

.left_area {
	display:block;
	margin-bottom:15px;
	clear:both;
}

#incontents h1 {
    padding: 0.5em;
    border: 1px solid #CCC;
    background: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF, #E6E6E6);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E6E6E6));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E6E6E6',GradientType=0 );
    font-size: 160%;
    margin-bottom: 15px;
    line-height: 120%;
}

#incontents h2 {
    font-size: 140%;
    line-height: 120%;
    background-color: #0099FF;
    color: #FFFFFF;
    padding: 5px;
    margin: 0 0 15px 0;
}

#incontents h2 a {
	color: #FFFFFF;
}

#incontents .link_color_yellow a {
	color: #ffff00;
}

#incontents h3 {
    font-size: 130%;
    line-height: 120%;
    padding: 0 0 5px 0;
    border-bottom: 2px dotted #ccc;
    color: #0099FF;
    margin: 15px 0;
}

#incontents h4 {
    font-size: 120%;
    line-height: 120%;
    padding: 5px;
    color: #0099FF;
    margin: 15px 0;
    background-color: #f2f2f2;
}

#incontents .tac {
	text-align: center;
}

#incontents .center {
	text-align: center;
}

/*** ----- top ----- ***/

/* head img */

#incontents #topheadimg a {
    display:block;
    position: relative;
    background:url(../img/top/topheadimg.jpg?20150324) no-repeat center top;
    margin: -5px -5px 0 -5px;
    width:980px;
    height: 256px;
    text-indent:-9999px;
}

#incontents #topheadimg_mn a {
    display:block;
    position: relative;
    background:url(../img/top/topheadimg_maintenance.jpg) no-repeat center top;
    margin: -5px -5px 0 -5px;
    width:980px;
    height: 256px;
    text-indent:-9999px;
}


/* newrequest area */

#area_newrequest {
    min-width: 500px;
    margin: 0 auto 15px auto;
    padding: 5px;
    background-image: url(../img/top/bg_newrequest.png);
}

#area_newrequest p {
    margin: 0;
    padding: 5px;
    color: #999999;
    text-align: center;
    font-weight: bold;
    background-color: #FFFFFF;
    font-size: 120%;
}




/* login area */

#area_login {
    background-color: #F2F2F2;
    min-width: 500px;
    margin: 0 auto;
    color: #666666;
    padding: 15px 0;
}

#area_login table.firstlogin {
    margin: 10px auto 15px auto;
    padding: 10px;
    font-weight: bold;
    width: 90%;
    text-align: center;
    background-color: #FFFFFF;
}

#area_login table.firstlogin td.flicon {
    width: 30%;
    text-align: right;
}

#area_login table.firstlogin td.flbtn img {
    width: 320px;
    height: 49px;
    text-align:left;
}


#area_login table.login {
    margin: 0 auto 5px auto;
    padding: 0;
    font-size: 1em;
    font-size: 90%;
    color: #666666;
}

#area_login table.login tr {
	display:block;
    margin-bottom: 10px ;
}


#area_login .alerttop {
    font-weight: bold;
}

#area_login .alerttop a {
    color: #FF0000;
}


/* notification area */

#area_notification {
    margin-bottom: 20px;
}

#area_notification ul{
	padding: 0;
}

#area_notification ul li{
	list-style-type: none;
    margin: 0 0 5px;
    padding: 0 0 0 60px;
    text-indent: -60px;
    font-size: 1em;
    line-height: 1.5em;
}

#area_notification ul li img {
	vertical-align: middle;
}

#area_notification ul li a {}


/* faq area */

#area_faq {
    margin-bottom:20px;
}

#area_faq ul{
	list-style:none;
}

#area_faq ul li{
	background: url("../img/top/top_arrow.gif") no-repeat 5px 1em;
    padding: 10px 1em 10px 3.5em;
    font-size: 1em;
    line-height: 1.5em;
    border-bottom: 1px dotted #666666;
    text-indent: -2em
}

#area_faq ul li.bg {
    background-color: #F5F5F5;
}

#area_faq ul li img {
	vertical-align: middle;
}

#area_faq ul li a {}


/*** ----- charge ----- ***/

#incontents p.moratorium {
    border: 2px solid #CCCCCC;
    padding: 0.25em;
    color: #FF0000;
    font-weight: bold;
    text-align: center;
}

#incontents p.moratorium2 {
    border: 2px solid #CCCCCC;
    padding: 0.25em;
    color: #FF0000;
    font-weight: bold;
}

/* title */
#incontents .title_charge {
    background:url("../img/info/title_charge_bg.gif") left repeat-x;
    min-width: 500px;
    margin: 0 auto 15px auto;
    text-align: center;
}

/* btn */

#incontents dl.goomailadvance, dl.gooadvancepackage {
    background-color: #F2F2F2;
    padding: 20px;
    width: 45%;
    text-align: center;
    float: left;
    display: block;
    margin: 0 0 15px 0;
    color: #666666;
}

#incontents dl.goomailadvance {
    float: left;
}

#incontents dl.gooadvancepackage {
    float: right;
}

#incontents dl.goomailadvance dd, dl.gooadvancepackage dd {
    margin: 0;
    padding: 0;
}

#incontents dl.goomailadvance dd.bgw, dl.gooadvancepackage dd.bgw {
    background-color: #FFF;
    margin: 10px 0;
    padding: 10px;
}

#incontents dl.goomailadvance dt, dl.gooadvancepackage dt {
    font-size: 200%;
    font-weight: bold;
}

#incontents dl.goomailadvance dt {
    color: #3399FF;
}

#incontents dl.goomailadvance dt span {
    font-size: 60%;
}

#incontents dl.gooadvancepackage dt {
    color: #FF9900;
}

#incontents img.btn222x34 {
    display: block;
    width: 222px;
    height: 34px;
    margin: 10px auto;
}

#incontents .btntowb {
    display: inline;
    width: 149px;
    height: 34px;
    margin: 10px 5px;
}

#incontents .btntows {
    display: inline;
    width: 102px;
    height: 34px;
    margin: 10px 5px;
}

#incontents .btn {
    display: block;
    width: 149px;
    height: 34px;
    margin: 10px auto;
}

/* function_area */

#incontents .function_area {
    clear: left;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 15px 0;
    min-width: 100%;
}

#incontents .function_area table {
	width: 100%;
}

#incontents .function_area table td {
	text-align: center;
    vertical-align: top;
}

#incontents .function_area dl {
    padding: 1em;
    width: auto;
    margin: 0 auto 15px auto;
    text-align: left;
    border: 2px solid #CCE5FF;
}

#incontents .function_area dl dt {
    font-size: 140%;
    font-weight: bold;
    line-height: 120%;
    color: #3399FF;
    height: 2em;
    margin: 0 0.5em 20px 0.5em;
    padding: 0;
}

#incontents .function_area dl dd {
    margin: 0;
    color: #666666;
}

#incontents .function_area dl dd p {
    margin: 0 1em;
    padding: 0;
}

#incontents .function_area dl dd img {
    margin: 0 auto 15px auto;
    width: 195px;
    display: block;
}


/* device_area */

#incontents table.devicemobile {
     border-collapse: collapse;
     margin: 0 0 0 0;
}


#incontents table.howtoaccess {
    background-color: #FFFFFF;
    padding: 0 10px;
}

#incontents table.howtoaccess td{
	vertical-align: top;
}

#incontents table.howtoaccess dl {
    width: 280px;
    background-color: #FFFFFF;
    text-align: center;
    margin: 20px auto;
    border: 1px solid #ccc;
    padding: 5px 5px 10px 5px;
}

#incontents table.howtoaccess dt {
    margin: 0 0 10px 0;
    font-size: 140%;
    font-weight: bold;
    color: #0099FF;
    background-color: #F2F2F2;
    padding: 5px;
}

#incontents table.howtoaccess dd {
    margin: 0;
}

#incontents table.howtoaccess dd .ha_img {
	border: 1px solid #CCCCCC;
}

#incontents table.howtoaccess dd p {
    text-align:left;
    margin: 5px 5px 10px 5px;
}



/*** ----- charge_appl ----- ***/

#incontents .legalmsg{
    padding: 15px 0;
    margin-bottom: 15px;
}

#incontents .legalmsg a{
    background-color: #FFCC00;
    color: #666666;
    padding: 5px 30px;
    display: inline;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-right: 20px;
    text-decoration: none;
}

#incontents #area_tos{
    background-color: #F5F5F5;
    padding: 20px;
    margin-bottom: 15px;
}

#incontents #area_tos p{
    color: #666666;
    margin: 0;
}

#incontents #area_tos p.btnclick{
    margin-bottom: 0.5em;
}

#incontents #area_tos p.subtit{
    color: #0099FF;
    font-weight: bold;
    font-size: 110%;
}

#incontents #area_tos p.comment{
    font-size: 92%;
}

#incontents #area_tos .tos{
	margin: 15px 0;
}

#incontents .tostext {
    width: 98%;
    margin:0 auto;
}



#incontents .analyzeinfo{
    background-color: #FFFFCC;
    padding: 20px;
    margin-bottom: 15px;
}

#incontents .analyzeinfo p{
    margin: 0;
    padding: 0
}




/*** add 201412 ***/
#incontents div.restore_area {
	margin-top: 30px;
}
#incontents div.restore_area h2{
	border: 3px solid gray;
	border-radius: 8px;
	margin-bottom: 20px;
	color: #000;
	background-color: #fff;
	text-align: center;
	padding: 10px 0;
}
#incontents div.restore_area b{
	color: #FF0000;
}
#incontents div.restore_area p.comment{
	font-size: 92%;
}
#incontents div.restore_area p.confirm{
	font-size: 120%;
}
#incontents div.restore_area .restore_info{
	border: 1px solid black;
	background-color: #FFFF99;
	padding: 5px;
	margin-bottom: 20px;
}
#incontents div.restore_area .restore_info p{
	margin: 0;
}

#incontents table.restore_address {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}

#incontents table.restore_address th,
#incontents table.restore_address td {
	background-color: #DDEEFF;
	border: 2px solid #0099FF;
	padding: 5px;
}
/*** add 201412 ***/


/*** ----- template ----- ***/









#mailregist, #area_statuserror, #area_changepw {
    padding: 0;
}

#area_changepw ul{
	list-style: none;
    padding: 0;
}

#area_changepw ul li{
    display: block;
    margin: 0 0 20px 0;
    padding: 10px;
    background-color: #F5F5F5;
    border: 1px solid #0099FF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight: bold;
    font-size: 110%;
}

#area_changepw ul li a{
	text-decoration: none;
}

#mailregist .step1, .step2, .step3 {
    margin-bottom: 20px;
    text-indent: -9999px;
    height: 40px;
}

#mailregist .step1 {
    background: url(../img/template/status_step1.gif) no-repeat center /*fixed left top*/;
}

#mailregist .step2 {
    background: url(../img/template/status_step2.gif) no-repeat center /*fixed left top*/;
}

#mailregist .step3 {
    background: url(../img/template/status_step3.gif) no-repeat center /*fixed left top*/;
}


#mailregist p {
	padding:0;
}

#mailregist p span.gooid {
    font-size:112%;
    color:#0099CC;
    font-weight:bold;
}

#mailregist p.error {
    padding:2px 0 2px 26px;
    color: #FF0000;
    font-weight: bold;
    background-image: url(../img/template/icon_exclamationmark.gif);
    background-repeat:no-repeat;
}


#mailregist p.notice {
    color:#FF0000;
}



#inlinesch {
    padding:15px;
    zoom:1;
    background-color: #D5F7FF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 120%;
    margin-bottom: 20px;
}

#inlinesch p.lead {
    font-weight:bold;
    font-size: 110%;
    margin-bottom: 10px;
    color:#0099CC;
}

#inlinesch p.mailadd {
    font-weight:bold;
    font-size: 120%;
    color:#0099CC;
    margin: 0;
    word-break: break-all;
}

#inlinesch p.hints {
    color: #666;
    font-size: 86%;
    margin: 0;

}

#inlinesch form {
    zoom:1;
    padding:0;
    margin-bottom: 10px;
}

#inlinesch form input {
	margin:0 0.6em;
}

#inlinesch form input.text {
	margin-left:0;
    width:50%;
}



#mailregist p.done {
	font-size: 120%;
    font-weight: bold;
    color: #FF6600;
}


#area_inputpw {
    margin-bottom: 20px;
}

#area_inputpw table.inputpw {
	width: 100%;
    min-width: 655px;
    border-collapse:collapse;
    border: 1px solid #999999;
    margin: 0 0 15px 0;
    padding: 10px;
    font-size: 92%;
}

#area_inputpw table.inputpw th {
    width: 30%;
    padding: 10px;
    border: 1px solid #999999;
    background: #f5f5f5;
    text-align: left;
}

#area_inputpw table.inputpw td {
	padding: 10px;
    border: 1px solid #999999;
    text-align: left;
}

#area_inputpw table.inputpw th.bg {
    background-color: #D5F7FF;

}

#area_inputpw table p {
	margin: 0;
}

#area_inputpw table.inputpw th span.necessary {
    color: #FF0000;
    font-weight: bold;
    display: block;

}

#area_inputpw .point   {
	background-color: #FFEEF7;
    color: #666666;
	width: 99%;
    margin: 10px 0 10px 0;
}

#area_inputpw .inpoint {
	padding: 10px;
}

#area_inputpw .inpoint dl {
    margin: 5px 0 2px 0;
}

#area_inputpw .inpoint dl dt {
    float: left;
    width: 20%;
    margin-bottom: 3px;
}

#area_inputpw .inpoint dl dd {
    margin-bottom: 3px;

}



#precautions {
    border-top: 1px dotted #F00;
    border-bottom: 1px dotted #F00;
    margin-bottom: 20px;
}

#precautions ul {
    margin-left: 20px;
    color: #666666;
    padding: 5px 0;


}

#precautions ul li {
    margin-bottom: 5px;
    font-size: 94%;
}

#precautions ul li.title{
    color: #FF0000;
    font-weight: bold;
    padding: 5px;
    list-style: none;
    margin-left: -20px;
    font-size: 112%;
}


#bigprecautions {
	background-color:#FFE3D9;
    margin-bottom: 20px;
}

#bigprecautions ul {
    margin-left: 20px;
    color: #333333;
    padding: 5px;


}

#bigprecautions ul li {
    margin-bottom: 5px;
    font-size: 94%;
}

#bigprecautions ul li.title{
    color: #FF0000;
    font-weight: bold;
    padding: 5px;
    list-style: none;
    margin-left: -20px;
    font-size: 112%;
}

#bigprecautions ul li.txt{
    padding: 5px;
    list-style: none;
    margin-left: -20px;
    font-size: 100%;
}

#area_inputpw a.tooltip:hover {
     background: #ffffff;     /* IE6以下で必要 */
     text-decoration: none;
}
#area_inputpw a.tooltip span {
     display: none;
     padding: 8px;
     font-size: 12px;
     margin-left: 8px;
     line-height: 1.6;
}
#area_inputpw a.tooltip:hover span{
     display: inline;
     position: absolute;
     background-color: #F2F2F2;
     border: 1px solid #cccccc;
     color: #000000;
     width: 200px;     /* a.tooltip spanに指定すると、IE6以下でspanの領域でマウスが反応してしまう */
}

/* IE6以下にのみ適用 */
#area_inputpw a.tooltip:hover span{
     width: 216px;
}




#area_loginscreen {
    margin-bottom:20px;
    padding: 10px;
    background-color: #F2F2F2;
}

#area_loginscreen ul {
    margin: 0 20px;
    padding-bottom: 20px;
}

#area_loginscreen ul li {
    list-style:none;
    padding:2px 0 2px 26px;
    background-repeat:no-repeat;
    margin-bottom: 5px;
}

#area_loginscreen ul li.li1 {
    background-image: url(../img/template/li1.gif);
}

#area_loginscreen ul li.li2 {
    background-image: url(../img/template/li2.gif);
}

#area_loginscreen ul li span {
    font-weight: bold;
    color:#FF0000;
	}


#area_loginscreen .tanks {
    font-size:120%;
    color:#0099CC;
    border-bottom: 2px dotted #0099CC;
    padding-bottom: 10px;
    font-weight: bold;
}

#area_loginscreen .ls {
    width: 550px;
    margin: 0 0 0 60px;
    text-align: center;
    zoom:1;

}

#area_next {
    margin-bottom:20px;
    padding: 10px;
    background-color: #E1F3FF;
}



/*** ----- howto ----- ***/


#incontents .howtobtn{
    margin: 0;
    padding: 30px 10px;
    border:1px solid #ccc;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #dddddd;
    background-color: white;
    behavior: url("../htc/PIE.htc");
    position: relative;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
}

#incontents table.howtobtnbox a:link, table.howtobtnbox a:hover, table.howtobtnbox a:visited{
    text-decoration: none;
}

#incontents .av{
    background-color: #66CCFF;
    color: #FFFFFF;
}

#incontents .sd{
    background-color: #B7D64E;
    color: #FFFFFF;
}

#incontents .sp{
    color: #AAAAAA;
}



#incontents #howto {
    width: 100%;
}

#incontents #howto .howtobg {
    padding: 20px;
    background-color: #F5F5F5;
    margin-bottom: 20px;
}



#incontents #howto .howtoadvance, .howtostandard, .howtosp{
    background-color: #FFFFFF;
    padding: 20px;
    clear: both;
}


#incontents #howto h2.a {
    color: #FFFFFF;
    background-color: #66CCFF;
    padding: 5px;
    font-size: 140%;
}

#incontents #howto h2.s {
    color: #FFFFFF;
    background-color: #B7D64E;
    padding: 5px;
    font-size: 140%;
}

#incontents #howto h2.sp {
    color: #FFFFFF;
    background-color: #AAAAAA;
    padding: 5px;
    font-size: 140%;
}

#incontents #howto h3 {
    color: #666666;
    border-bottom: 1px dotted #666;
    padding: 10px 0;
    margin: 0 15px 20px 0;
}

#incontents #howto .howtoadvance h4 {
    color: #66CCFF;
    margin: 0 0 10px 0;
    padding: 0;
    background-color: #FFFFFF;
    font-size: 110%;
}

#incontents #howto .howtostandard h4 {
    color: #B7D64E;
    margin: 0 0 10px 0;
    padding: 0;
    background-color: #FFFFFF;
    font-size: 110%;
}

#incontents #howto .howtosp h4 {
    color: #AAAAAA;
    padding: 0;
    background-color: #FFFFFF;
    font-size: 110%;
}


#incontents #howto .howtobigbox {
    margin: 0 -15px 0 0;
    overflow: hidden;
    zoom: 1;
}

#incontents #howto .howtobox {
    margin-right: 15px;
    width: 32%;
    float: left;
    padding: 0;
}

#incontents #howto .howtobox_r {
    width: 32%;
    float: left;
}

#incontents #howto .property {
    margin: 0 10px 0 0;
    padding: 10px;
    border:1px dotted #999999;
    border-radius: 10px;
    behavior: url("../htc/PIE.htc");
    position: relative;
    zoom: 1;
}

#incontents #howto .property p.avproperty {
    margin: 0;
    padding: 40px;
    border-radius: 6px;
    behavior: url("../htc/PIE.htc");
    position: relative;
    font-weight: bold;
    font-size: 120%;
    background: #E0F5FF;
    color: #66CCFF;
    line-height: 150%;
}

#incontents #howto .property p.sdproperty {
    margin: 0;
    padding: 40px;
    border-radius: 6px;
    behavior: url("../htc/PIE.htc");
    position: relative;
    font-weight: bold;
    font-size: 120%;
    background: #F1F7DC;
    color: #B7D64E;
    line-height: 150%;
}


#incontents #howto ul.dot {
    margin: 0 0 30px 0;
    padding: 0 20px;
}

#incontents #howto ul.dot li {
    list-style-type: square;
    margin-bottom: 6px;
}



/**/

#area_function ul {
	clear:both;
	display:inline-block;
	margin-bottom:10px;
}
#area_function ul li.bf_item {
	display:block;
	width:315px;
	height:45px;
	float:left;
	border-bottom:1px dotted #ccc;
	margin:0 10px 0 0;
	padding:5px 0;
	vertical-align:middle;
}

#area_function ul li.bf_item a {
	display:block;
	background:#fff;
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
#area_function ul li.bf_item a:hover {
	background:#f1f1f1;
}
#area_function ul li.bf_item a span {
    display: table-cell;
    vertical-align: middle;
    font-size:.8em;
}
#area_function ul li.bf_item a span.bf_item_message {
	padding-left:5px;
}
* html .bf_item  a span {
	display: inline;
	zoom: 1;
}



#area_notification ul {
	clear:both;
	display:inline-block;
	margin-bottom:10px;
}



/*for IE7 */
*:first-child+html .bf_item a span {
	display: inline;
	zoom: 1;
}

#area_tool table{
	width:100%;
	margin-top:10px;
}

#area_tool table tr td a img{
	border:1px solid #999999;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

#area_tool table tr td a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	box-shadow:0 0 10px #ccc;
}

#area_advance a.advance_btn {
	display:block;
	width:276px;
	height:31px;
	background:url("../img/gootop/advance_feature_btn.gif");
}

#area_advance a.advance_btn:hover {
	background-position:0 -31px;
}

#area_goostick a.skin_btn {
	display:block;
	width:276px;
	height:31px;
	background:url("../img/gootop/stick_download.gif");
}

#area_goostick a.skin_btn:hover {
	background-position:0 -31px;
}




/* ==================================================================================================================

 Multi-Device CSS for PC & SmartPhone
================================================================================================================== */

.linkfor_sp{display:none;}

/*
 TOPPAGE
========================================== */

/** ----------------- content ----------------- **/
.topincontents {
	width:970px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

#topmiddle{
    width:100%;
    min-width:970px;
    padding:10px 0;
}
#topmain{
    float:left;
    width:100%;
    margin:0 -315px 0 0;
    padding:0;
    min-width:655px;
    display:inline;
}
#topinmain{
    margin:0 300px 0 0;
    padding:0 15px 0 0;
    text-align:left;
}
#topmiddle #rside {
    float:right;
    width:300px;
    padding:0;
    line-height:1.2;
    color:#666;
    text-align:left;
    font-size:86.66%!important;
}
html:not(:target) #topmiddle #rside {font-size:12px!important;}


#sp_banner {
    visibility: hidden;
    margin: 0;
    padding: 0;
/*これはスマホのみの表示用です*/
}

.right_banner {
	margin-bottom: 15px;
}


/** ----------------- area ----------------- **/
#topinmain #area_alert .inner a:hover {
	color:#C33;
}


/*----------------------------------------------------*/

#topinmain #area_alert {
	width:100%;
    overflow:hidden;
}

#topinmain #area_alert .inner {
	margin:0 auto;
}

#topinmain #area_alert .inner a{
	display:block;
    border:2px solid #bababa;
    padding:8px 5px;
    font-size:1em;
    text-decoration:none;
    color:#000;
    background:#fefefe;
    color:#333;
}

#topinmain #area_notification ul{
	padding: 0 10px;
}

#topinmain #area_notification ul li{
	list-style-type: none;
    margin: 0 0 5px;
    padding: 0 0 0 60px;
    text-indent: -60px;
    font-size:1em;
    line-height:1.5em;
}

#topinmain #area_notification ul li img {
	vertical-align:middle;
}

#topinmain #area_notification ul li a {}

#topinmain #area_function ul {
	clear:both;
    display:inline-block;
    margin-bottom:10px;
    width:100%;
}

#topinmain #area_function ul li.bf_item {
	display:block;
    width:315px;
    height:45px;
    float:left;
    border-bottom:1px dotted #ccc;
    margin:0 10px 0 0;
    padding:5px 0;
    vertical-align:middle;
}

#topinmain #area_function ul li.bf_item a {
	display:block;
    width:315px;
    height:44px;
    background:#fff;
    color:#000;
    text-decoration:none;
    cursor:pointer;
}

#topinmain #area_function ul li.bf_item a:hover {
	background:#f1f1f1;
}

#topinmain #area_function ul li.bf_item a span {
	font-size:1.1em;
    font-size:1.0em\9;
   *display:inline;
    zoom:1;
}

#topinmain #area_function ul li.bf_item a span.bf_item_image {
	width:55px;
}

#topinmain #area_function ul li.bf_item a span.bf_item_message {
	width:255px;
   *width:250px;
    padding-left:5px;
    line-height:1.2;
}

#topinmain #area_tool table {
	width:100%;
    margin-top:10px;
}

#topinmain #area_tool table tr td a img {
	border:1px solid #999999;
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
}

#topinmain #area_tool table tr td a:hover img {
	filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    box-shadow:0 0 10px #ccc;
}

#topinmain #area_advance a.advance_btn {
	display:block;
    width:276px;
    height:31px;
    background:url("../img/gootop/advance_feature_btn.gif");
}

#topinmain #area_advance a.advance_btn:hover {
	background-position:0 -31px;
}

#topinmain #area_goostick a.skin_btn {
	display:block;
    width:276px;
    height:31px;
    background:url("../img/gootop/stick_download.gif");
}

#topinmain #area_goostick a.skin_btn:hover {
	background-position:0 -31px;
}



 /** ----------------- right area ----------------- **/

#rside h2 {
	display:block;
    height:30px;
    line-height:30px;
    width:100%;
    background:#dee8eb;
    text-shadow:0 0 1px #fff;
    overflow:hidden;
    font-family:'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#rside h2 span {
	color:#006699;
    margin-left:5px;
}

#rside #c1 {
	background:url("../img/gootop/r_border.gif") no-repeat;
    display:block;
    height:4px;
    overflow:hidden;
}

#rside #c2 {
	background:url("../img/gootop/r_border.gif") 0 -5px no-repeat;
    display:block;
    height:2px;
    margin:0 0 1em;
}

#rside #Rarea_character_skin {
	background:#f9f9f9;
    border-left:1px solid #dee8eb;
    border-right:1px solid #dee8eb;
    padding:0 1px 1px 1px;
}

#rside .rtitle {
	margin:0 10px;
    border-top:1px solid #DEE8EB;
}

#rside #Rarea_present {
	margin-top: 10px;
}

#rside #Rarea_present dl {
	border-style:none;
}

#rside #Rarea_present dl dt {
	float:left;
    clear:both;
}

#rside #Rarea_present dl dt img {
	margin-bottom:10px;
}

#rside #Rarea_present dl dd {
	background-color: #F9F9F9;
}

#rside #Rarea_present dl dd a {
	text-decoration: none;
    font-weight: bold;
}

#rside #Rarea_present dl dd.cb {
	margin-bottom: 12px;
}

#rside #Rarea_character_skin p {
	margin: 0;
    padding: 0;
}

#rside #Rarea_character_skin p.f2 {
 	margin: 5px;
    padding: 0;
    line-height: 1.4em;
    font-size: .9em;
}



 /** ----------------- left area ----------------- **/

#lside dl {
	line-height: 1.36;
}

#lside dl dt {
	background: #cee7ff url("../img/lside_bg.gif") top repeat-x;
    padding: 4px 8px 3px;
    font-weight: bold;
}

#lside dl dt.sversion {
	background: none;
    color: #FFFFFF;
    background-color: #B7D64E;
    padding: 5px;
    margin: 0;
    font-size: 110%;
}

#lside dl dt.aversion {
    background:none;
    color: #FFFFFF;
    background-color: #66CCFF;
    padding: 5px;
    margin: 0;
    font-size: 110%;
}

#lside dl dt.spversion {
    background:none;
    color: #FFFFFF;
    background-color: #AAAAAA;
    padding: 5px;
    margin: 0;
    font-size: 110%;
}

#lside dl dd {
	margin:0;
	padding:2px;
}

#lside dl dd dl dt {
	background:#e6e6e6;
    padding:4px 8px 2px;
    font-weight:bold;
}

#lside dl dd dl dd {
	padding:3px 4px 10px;
}




/* 20130419 adSense */

a.sponsorlink01:link {
    color:#333;
    text-decoration:none;
}

a.sponsorlink01:visited {
    color:#333;
    text-decoration:none;
}

a.sponsorlink01:hover {
    color:#333;
    text-decoration:underline;
}

a.sponsorlink01:active {
    color:#333;
    text-decoration:none;
}

a.sponsorlink02:link {
    color:#008000;
    text-decoration:none;
}

a.sponsorlink02:visited {
    color:#008000;
    text-decoration:none;
}

a.sponsorlink02:hover {
    color:#008000;
    text-decoration:none;
}

a.sponsorlink02:active {
    color:#008000;
    text-decoration:none;
}


.title_sponcer {
	font-size: 90%;
	float:left;
	color:#666;
	margin: 0px 0px 7px -10px;
	padding: 0px;
	padding-left: 2em;
}

DIV.search_result_sponsor .title_sponcer {
	padding: 0;
}

.title_sponcer div {
	padding: 0px;
	display: inline;
}

.title_sponcer .syousai {
	display: inline;
	text-align:right;
	padding-right: 20px;
}

.title_sponcer .syousai a:link {
	color:#666;
}

.title_sponcer .syousai a:visited {
	color:#666;
}

.title_sponcer img {
	vertical-align:middle;
}

#sponsor {
	clear: both;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:500px;
	float: left;
}

#sponsor ul {
	margin:0px 0px 30px 0px;
	padding:0px;
	padding-left: 2em;
	color:#333;
	list-style-type: none;
}

DIV.search_result_sponsor #sponsor ul{
	padding-left: 0;
}
#sponsor ul li {
    margin-bottom: 8px;
    line-height: 1.1em;
}

#sponsor ul li .title {
    margin-bottom: 3px;
    font-size: 120%;
    line-height: 1.1em;
    font-weight: bold;
}

#sponsor ul li .abst {
    margin-bottom:0px;
    margin-left: 10px;
}

#sponsor ul li .url {
    color:#808080;
    margin-left: 10px;
}
/*/ 20130419 adSense */





/***************************************** mail.css *****************************************/

#incontents ul.dot2 {
    padding: 6px 10px;
    margin: 0 0 10px;
}

#incontents ul.dot2 li {
    background: url("../img/marker.gif") 2px 9px no-repeat;
    padding: 0 0 0 8px;
    list-style: none;
    margin: 0 0 18px;
}

#incontents ul.notes li {
    margin: 0 0 0.6em;
    line-height: 1.231;
}




/*** ----- howto ----- ***/

#incontents dl.help {}

#incontents dl.help h2 {
    font-size: 120%;
    line-height: 120%;
    background-color: #999999;
    padding: 2px;
    margin: 0 0 20px 0;
}


#incontents dl.help .howtonotice {
    font-size: 120%;
    line-height: 120%;
    background-color: #99CCFF;
    padding: 5px;
    margin: 0 0 20px 0;
    color: #FFFFFF;
    font-weight: bold;
}

#incontents dl.help .howtonotice a {
    color: #0066FF;
}


#incontents dl.help dt {
    margin: 0;
    padding:0;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
}

#incontents dl.help dt.no_none {
    background: url("../img/howto/num_none.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no00 {
    background: url("../img/howto/num0.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no01 {
    background: url("../img/howto/num1.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no02 {
    background: url("../img/howto/num2.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no03 {
    background: url("../img/howto/num3.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no04 {
    background: url("../img/howto/num4.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no05 {
    background: url("../img/howto/num5.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no06 {
    background: url("../img/howto/num6.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no07 {
    background: url("../img/howto/num7.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no08 {
    background: url("../img/howto/num8.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no09 {
    background: url("../img/howto/num9.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no10 {
    background: url("../img/howto/num10.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no11 {
    background: url("../img/howto/num11.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no12 {
    background: url("../img/howto/num12.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no13 {
    background: url("../img/howto/num13.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no14 {
    background: url("../img/howto/num14.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no15 {
    background: url("../img/howto/num15.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no16 {
    background: url("../img/howto/num16.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no17 {
    background: url("../img/howto/num17.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no18 {
    background: url("../img/howto/num18.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no19 {
    background: url("../img/howto/num19.gif") no-repeat 0 2px;
}

#incontents dl.help dt.no20 {
    background: url("../img/howto/num20.gif") no-repeat 0 2px;
}


#incontents dl.help dd {
    margin: -22px 0 20px;
    padding: 0 0 10px 25px;
    border-bottom: 1px dotted #999;
}

#incontents dl.help dd.nb {
    border-bottom: none;
}

#incontents dl.help dd ul.mailtool{
    margin: 0 20px;
    padding: 0;
}

#incontents dl.help dd ul.mailtool li{
    margin: 10px 0;
}

#incontents dl.help dd ul.inmailtool li{
    margin: 5px 0;
}

#incontents dl.help dd ul.inmailtool{
    margin: 0 20px;
    padding: 0;
}


#incontents dl.help dd p {
    padding: 0;
    margin: 0 0 20px;
}

#incontents dl.help dd p.case {
    font-size: 120%;
    line-height: 120%;
    padding: 2px;
    margin: 0 0 5px 0;
    font-weight: bold;
    color: #336699;
}

#incontents dl.help dd p span.red {
	color: #FF0000;
}

#incontents dl.help dd img.howtoimg {
    border: 2px solid #ccc;
    display: block;
}

#incontents dl.help dd img.howtoimg_s {
    border: 2px solid #ccc;
    display: block;
    width: 360px;
}

#incontents dl.help dd img {
	margin: 0 0 10px;
}


#incontents dl.help dd img.nums {
    vertical-align: text-top;
    margin: 0;
    padding: 0 0.2em;
    width: 15px;
    height: 15px;
}



#incontents ul.howtoattention {
    margin: 5px 0 20px 0;
    padding: 0 0 10px 0;
    background-color: #FFE3D9;
}

#incontents ul.howtoattention li {
    margin: 0 20px;
}

#incontents ul.nodisc {
    list-style: none;
}

#incontents ul .mp0 {
    margin: 0;
    padding: 0;
}

#incontents ul.howtoattention li.attetit {
    margin: 0 0 10px 0;
    padding: 5px 10px;
    font-weight: bold;
    list-style: none;
    background-color: #F7D0C8;
}

#incontents ul.howtoattention li.listnone {
    list-style: none;
    margin: 10px;
}

#incontents ul.nodisc li.attetit {
    margin: 0 0 10px 0;
    padding: 5px 10px;
    font-weight: bold;
    list-style: none;
    background-color: #F7D0C8;
}

#incontents ul.howtouseful {
    background: #efefef;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    list-style: none;
}

#incontents ul.howtouseful li {
    margin: 0 10px;
}

#incontents ul.howtouseful li.usetit {
    margin: 0;
    padding: 10px 10px 5px 10px;
    font-weight: bold;
}





#incontents dl.help ul.block {
	margin: 0 0 10px;
}

#incontents dl.help .attention {
    margin: 0 0 10px;
}

#incontents dl.help dd img.icon {
    vertical-align: middle;
    margin: 0;
    padding: 0 0.2em;
}



#incontents .attention {
    background:#ffe3d9;
    zoom:1;
}

#incontents .attention .lead {
    border-bottom:solid 1px #fff;
    background:#efa990 url("../img/attention_bg.gif") bottom repeat-x;
    padding:4px 8px 3px;
    font-weight:bold;
}

#incontents .attention ul {
    padding:6px 10px;
    margin:0;
}

#incontents .attention li {
    background:url("../img/marker.gif") 2px 9px no-repeat;
    padding:0 0 0 8px;
    list-style:none;
}

#incontents div.tservice {
	margin:0 0 18px;
}

#incontents div.tservice .inbox {
    border:solid 1px #777;
    padding:4px;
}

#incontents div.tservice .lead {
    display:block;
    margin:0 0 16px;
    background:url("../img/top_right.gif") top right no-repeat;
}

#incontents div.tservice .innbox {
    padding:6px 5px;
    background:url("../img/tservice_bg.gif") top repeat-x;
}

#incontents div.tservice .innbox p {
    margin:0 0 5px;
    padding:0;
}

#incontents div.tservice .minh {
   _height:10em;
    min-height:10em;
    padding:0 4px;
}

#incontents div.tservice ul {
    padding:0;
    margin:0;
}

#incontents div.tservice li {
    background:url("../img/marker.gif") 2px 9px no-repeat;
    padding:0 0 0 8px;
    list-style:none;
}

#incontents div.tservice .free {
    float:left;
    width:32%;
    margin:0 2% 0 0;
    background:none;
}

#incontents div.tservice .advancetop {
    float:left;
    width:32%;
    background:none;
}

#incontents div.tservice .mobiletop {
    float:right;
    width:32%;
    border:0;
    margin:0;
    background:none;
}

#incontents div.feature {
	margin:0 0 18px;
}

#incontents div.feature img {
    float:left;
    margin:0 8px 0 12px;
    border:solid 2px #ccc;
}

#incontents div.feature p {
    margin:0 0 0 10px;
    padding:0;
}

#incontents div.feature ul {
    margin:5px 0 5px 10px;
    padding:0;
}

#incontents div.feature ul li {
	display:inline;
}

#incontents .useful {
    background:#efefef;
    padding:8px 10px;
    margin:0 0 18px;
}

#incontents .useful .lead {
    font-weight:bold;
    margin:0 0 3px;
}

#incontents .useful li {
	list-style:none;
}





#incontents .topsch {
    margin:0 0 18px;
    color:#846442;
    border:dashed 1px #999;
    padding:5px 5px 0;
    zoom:1;
}

#incontents .topsch .lead {
    margin:0 1px 10px;
    font-weight:bold;
}

#incontents .topsch .form {
    background:url("../img/sch_bg.gif") top repeat-x;
    padding:8px;
}

#incontents .topsch form {
    zoom:1;
    padding:0 0 0 15px;
}

#incontents .topsch form span {
	color:#000;
}

#incontents .topsch form input {
	margin:0 0.6em;
}

#incontents .topsch form input.text {
    margin-left:0;
    width:50%;
}

#incontents .inlinesch {
    margin:0 0 18px;
    color:#846442;
    border:solid 1px #ccc;
    padding:6px 8px;
    background:#ffd;
    zoom:1;
}

#incontents .inlinesch .lead {
	margin:0 1px 6px;
	font-weight:bold;
}

#incontents .inlinesch form {
    zoom:1;
    padding:0 0 0 15px;
}

#incontents .inlinesch form span {
	color:#000;
}

#incontents .inlinesch form input {
	margin:0 0.6em;
}

#incontents .inlinesch form input.text {
    margin-left:0;
    width:50%;
}

#incontents .mailregist {
	padding:0 0 0 10px;
}

#incontents .mailregist p {
	padding:0;
}

#incontents .mailregist .inlinesch {
	margin:30px 0 60px;
}

#incontents .logincol {
	margin:0 0 50px;
}

#incontents .logincol .inbox {
    border:solid 1px #777;
    padding:5px;
    zoom:1;
}

#incontents .logincol .lead {
    border:solid 1px #d2d0d0;
    background:url("../img/stripe_g.gif");
    padding:6px 10px;
}

#incontents .logincol .btn {
    text-align:center;
    padding:20px;
}

#incontents .logincol p {
   _height:6em;
    min-height:6em;
    color:#c30;
    margin:0;
    padding:0 5px;
}

#incontents .logincol .lcol {
    width:49%;
    float:left;
}

#incontents .logincol .rcol {
    width:49%;
    float:right;
}

#incontents .mailchk {
	margin:30px 0 18px;
}

#incontents .mailchk .lead {
	font-weight:bold;
}

#incontents .mailchk .mail {
    border:solid 1px #ccc;
    background:#ffd;
    padding:6px 10px;
    font-weight:bold;
    margin:4px 0;
}

#incontents .mailchk .lead {
	font-weight:bold;
}

#incontents ul.flow {
    background:url("../img/border1.gif") bottom repeat-x;
    padding:0 5px 10px;
    margin:0 0 18px;
}

#incontents ul.flow li {
    display:inline;
    margin:0 -10px 0 0;
}

#incontents ul.flow li.last {
	margin:0;
}

#incontents .chkbox {
	margin:0 0 18px;
}

#incontents .chkbox .radio {
    border:solid 1px #777;
    background:#f5f5f5;
    padding:6px 10px;
    margin:4px 0;
    list-style:none;
}

#incontents .chkbox .submit {
    text-align:center;
    padding:10px 0;
}

#incontents .chkbox .submit input {
	margin:0 0.8em;
}

#incontents .finish, #incontents .confirm {
	margin:30px 0 50px;
}

#incontents .confirm .lead, #incontents .finish .lead {
    font-weight:bold;
    margin:0 1px 4px;
}

#incontents .confirm table {
    margin:0 0 10px;
    border-style:solid;
    border-color:#777;
    border-width:1px 0 0 1px;
}

#incontents .finish table {
    margin:0 0 4px;
    border-style:solid;
    border-color:#777;
    border-width:1px 0 0 1px;
}

#incontents .confirm table th, #incontents .finish table th {
    background:#c7ecfa;
    padding:6px 4px;
    border-bottom:solid 1px #777;
    width:30%;
    text-align:left;
}

#incontents .confirm table td, #incontents .finish table td {
    padding:6px 4px;
    border-style:solid;
    border-color:#777;
    border-width:0 1px 1px 0;
    width:70%;
}

#incontents .confirm .submit{
    text-align:center;
    padding:10px 0;
}

#incontents .finish .submit {
    text-align:center;
    padding:15px 0 20px;
}

#incontents .confirm .submit input {
	margin:0 0.8em;
}

#incontents .spam p{
    padding-left:0;
    margin-bottom:10px;
}

#incontents .spam .h2block{
	margin:0 10px 18px;
}

#incontents .spam .spamimgbox{
    background:url("../img/info/spam_image_bg.jpg") top left repeat-x;
    margin:0 0 15px;
    border:1px solid #eb9b4e;
}

#incontents .spam .spmlist{
    width:47%;
    float:left;
    padding:0;
}

#incontents .spam .spmlist ul li, #incontents .spam .listrt ul li{
    background:url("../img/marker.gif") 2px 9px no-repeat;
    padding:0 0 0 8px;
    list-style:none;
    margin:0 0 4px;
}

#incontents .spam .listrt{
    width:47%;
    float:right;
    padding:0;
}

#incontents .spam .inpagelink{
    padding:7px 10px;
    background:#edf7fe;
    margin:0 0 18px;
}

#incontents .spam .inpagelink ul{
	list-style:none;
}

#incontents .spam .inpagelink ul li{
	display:inline;
}

#incontents .spam .freebox{
    background:url("../img/stripe_border_h.gif") top left repeat-x;
    zoom:1;
    margin:0 0 10px;
}

#incontents .spam .freebox .boxa{
    background:url("../img/stripe_border_h.gif") bottom left repeat-x;
    zoom:1;
}

#incontents .spam .freebox .boxb{
	background:url("../img/stripe_border_v.gif") top left repeat-y;
}

#incontents .spam .freebox .boxc{
    background:url("../img/stripe_border_v.gif") top right repeat-y;
    padding:10px;
    zoom:1;
}

#incontents .spam .freebox .dot{
    margin:0;
    padding:0 0 0 20px;
}

#incontents .spam .h3block{
    margin:0 0 15px;
    padding:0 10px;
}

#incontents .spam .quot{
    padding:10px;
    border-top:1px dashed #31b1e5;
    border-bottom:1px dashed #31b1e5;
}

#incontents .spam .faq dt{
    width:3em;
    font-weight:bold;
}

#incontents .spam .faq dd{
    margin:-1.4em 0 12px 3em;
    padding:0;
}

#incontents h2.bborder {
    background:url("../img/h2border.gif") bottom repeat-x;
    padding:0 0 1px;
    margin:0 0 10px;
}

#incontents div.lbox {
    width:49%;
    float:left;
}

#incontents div.rbox {
    width:49%;
    float:right;
}

#incontents div.advpoint {
    background:url("../img/gr_blue.gif") top repeat-x;
    padding:10px;
    margin:0 0 10px;
}

#incontents div.advpoint .lead {
    background:url("../img/top_right.gif") right no-repeat;
    margin:0 0 12px;
}

#incontents div.advpoint p {
	margin:0 0 5px;
}

#incontents div.advpricelist {
    background:url("../img/advpricelist_bg.gif");
    padding:3px;
    margin:0 0 18px;
    width:99%;
}

#incontents div.advpricelist table {
    background:#fff;
    width:100%;
    color:#555;
    line-height:1.3;
}

#incontents div.advpricelist table th {
    padding:6px 8px;
    text-align:center;
    background:#ebebeb;
    border-right:solid 1px #949494;
}

#incontents div.advpricelist table td {
    padding:4px 6px;
    border-right:solid 1px #949494;
    border-top:solid 1px #949494;
    line-height:1.3;
}

#incontents div.advpricelist table th.last, #incontents div.advpricelist table td.last {
	border-right:0;
}

#incontents div.mobilelead {
    background:#fffdcc url("../img/mobile_lead_bg.gif") left repeat-x;
    border:solid 1px #c3b5a0;
    margin:0 0 18px;
}

#incontents div.mobilelead div {
    display:block;
    background:url("../img/mobile_lead_inbg.gif") 425px center no-repeat;
    padding:10px 10px 0;
   _height:145px !important;
   _height /**/:155px;
    min-height:145px;
}

#incontents div.mobilelead form {
    border:solid 1px #ff8e22;
    background:#ffa422;
    padding:3px;
    width:460px;
    margin:10px 0 0;
}

#incontents div.mobilelead form img {
	vertical-align:middle;
}

#incontents div.mobilelead form input {
    margin:0 0.3em;
    vertical-align:middle;
}

#incontents div.mobilelead form input.mail {
	width:100px;
}

#incontents div.mobilelead form select {
    margin:0 0 0 0.3em;
    vertical-align:middle;
}

#incontents div.mobpoint {
    background:url("../img/tservice_bg.gif") top repeat-x;
    padding:10px;
    margin:0 0 10px;
}

#incontents div.mobpoint .lead {
    background:url("../img/top_right.gif") right no-repeat;
    margin:0 0 12px;
}

#incontents div.mobpoint p {
	margin:0 0 5px;
}

#incontents div.freelead {
    background:#e9fbff url("../img/free_lead_bg.gif") left no-repeat;
    border:solid 1px #8fc1d5;
    margin:0 0 18px;
}

#incontents div.freelead div {
    display:block;
    background:url("../img/free_lead_inbg.gif") 340px center no-repeat;
    padding:10px 10px 0;
   _height:145px !important;
   _height /**/:155px;
    min-height:145px;
}

#incontents div.freelead span.btn {
    display:block;
    margin:10px 0 0;
}

#incontents div.freepoint {
    background:url("../img/tservice_bg.gif") top repeat-x;
    padding:10px;
    margin:0 0 10px;
}

#incontents div.freepoint .lead {
    background:url("../img/top_right.gif") right no-repeat;
    margin:0 0 12px;
}

#incontents div.freepoint p {
	margin:0 0 5px 170px;
}

#incontents div.freepoint .right {
	margin:0 0 0 170px;
}

#incontents div.freepoint .img {
	float:left;
}

#incontents div.iappli {
    border:solid 1px #296ca0;
    margin:0 0 20px;
    zoom:1;
}

#incontents div.iappli h2 {
    background:#dcf4ff;
    padding:5px 8px;
}

#incontents div.iappli .inbox {
	padding:15px;
}

#incontents div.iappli .inbox img {
	float:right;
}

#incontents div.iappli .inbox .lead {
    margin:0 225px 4px 0;
    padding:0 6px;
    border-bottom:solid 2px #ccc;
    font-weight:bold;
}

#incontents div.iappli .inbox p {
	margin:0 230px 12px 0;
}

#incontents div.iappli .inbox .right {
	margin:0 225px 0 0;
}

#incontents .mobilelogin {
	padding:0 0 0 10px;
}

#incontents .mobilelogin .access {}

#incontents .mobilelogin .access .left {
    width:55%;
    float:left;
}

#incontents .mobilelogin .access .right {
    width:40%;
    float:right;
    text-align:left;
}

#incontents .mobilelogin .access .lead {
    font-weight:bold;
    margin:0 0 4px;
}

#incontents .mobilelogin .access p, #incontents .mobilelogin .access form {
    margin:0 0 18px;
    padding:0 0 0 0.6em;
}

#incontents .mobilelogin .imode {
	margin:0 0 10px;
}

#incontents .mobilelogin .imode p {
	margin:0 0 10px 54px;
}

#incontents .mobilelogin .imode img {
	float:left;
}

#incontents .applihowto {
	margin:0 0 18px;
}

#incontents .applihowto ul li {
    width:33%;
    float:left;
    text-align:center;
    margin:0 0 10px;
    list-style:none;
}

#incontents .applihowto ul li.clear {
	clear:both;
}

#incontents .applihowto ul li img {
	margin:0 0 4px;
}

#incontents .applihowto ul li p {
    width:135px;
    margin:0 auto;
    text-align:left;
}

/*==============================================================================================================================*/
/* modified 20100517 */
#incontents .goomailSimple {}
* html #incontents .goomailSimple .layout {
	zoom: 1;
}

* + html #incontents .goomailSimple .layout {
	zoom: 1;
}

#incontents .goomailSimple .layout:after {
    content: '.';
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

#incontents .goomailSimple .layout {
    width: 100%;
    margin: 0 0 23px;
}

#incontents .goomailSimple .layout .colL {
    float: left;
    width: 100%;
    margin-right: -321px;
}

#incontents .goomailSimple .layout .colL .inner {
	margin-right: 357px;
}

#incontents .goomailSimple .layout .colR {
    float: right;
    width: 321px;
}

#incontents .goomailSimple .layout .colR p.sampleImg {
    margin: 0;
    padding: 0;
}

#incontents .goomailSimple .layout .colR p.sampleImg img {
    display: block;
    margin: 0 0 5px;
}

#incontents .goomailSimple .layout .colR p.sampleImg span.figcaption {
    display: block;
    text-align: center;
}

#incontents .goomailSimple h2.top {
	margin: 0 0 23px;
}

#incontents .goomailSimple .functionTable {
	text-align: center;
}

#incontents .goomailSimple .functionTable .inner {
    width: 850px;
    margin: 0 auto;
    text-align: left;
}

#incontents .goomailSimple .functionTable table.t01 {}

#incontents .goomailSimple .functionTable table.t01 th {
    font-weight: bold;
    white-space: nowrap;
    text-align:center;
}
#incontents .goomailSimple .functionTable table.t01 th.left {
    text-align:left;
    width: 10%;
    white-space: nowrap;
}
#incontents .goomailSimple .functionTable table.t01 th.simple {
	background: #83defd;
}
#incontents .goomailSimple .functionTable table.t01 th.under {
    padding-left: 15px;
    font-weight: normal;
}
#incontents .goomailSimple .functionTable table.t01 td {
	text-align: center;
}
#incontents .goomailSimple .functionTable table.t01 td.simple {
	background: #ffe;
}
#incontents .goomailSimple .functionTable p.caption-side {
	padding: 0;
}
/*==============================================================================================================================*/

/*==============================================================================================================================*/
/* modified 20100520 */
#incontents .goomailSimple .functionTable table.t01 caption{
    text-align:left;
    font-weight:bold;
}
#incontents h3.spam02{
    border-bottom:1px dashed #ccc;
    font-size:100%;
    margin:0 0 12px;
}
#incontents .goomailSimple .functionTable table.t01 td.left {
	text-align: left;
}
/*==============================================================================================================================*/



#incontents div.checkerlead {
    background:#f5fdbd url("../img/checker_lead_bg.gif") left top repeat-x;
    border:solid 1px #bec4ab;
    margin:0 0 18px;
}
#incontents div.checkerlead div {
    display:block;
    background:url("../img/checker_free_lead_inbg.gif") 385px -2px no-repeat;
    padding:10px 10px 0;
   _height:118px !important;
   _height /**/:128px;
    min-height:118px;
    border:solid 1px #fff;
}
#incontents div.checkerlead p {
	margin:14px 0 0;
}

#incontents div.mchecker {
    border-top:dashed 1px #999;
    padding:15px 0.4em;
    margin:0 0 18px;
}
#incontents div.mchecker div.thumb {
	float:left;
}
#incontents div.mchecker div.text {
	margin:0 0 0 260px;
}
#incontents div.mchecker div.point {
    margin-top:-9px;
    background:url("../img/mc_point_top.gif") top repeat-x;
    zoom:1;
    position:relative;
}
#incontents div.mchecker div.point .inbox {
    background:url("../img/mc_point_lt.gif") top left no-repeat;
    zoom:1;
}
#incontents div.mchecker div.point .inbox .ininbox {
    background:url("../img/mc_point_rt.gif") top right no-repeat;
    zoom:1;
    padding-top:25px;
}
#incontents div.mchecker div.point .incont {
	border-left:solid 1px #eaeaea;
    border-right:solid 1px #eaeaea;
    background:#98d7ed;
    padding:0 1px;
}
#incontents div.mchecker div.point .incont .inincont {
    padding:10px;
    border-left:solid 1px #fff;
    border-right:solid 1px #fff;
    background:#fff url("../img/mc_point_bg.gif") top repeat-x;
}
#incontents div.mchecker h3 {
    padding:0;
    margin:0 0 10px;
    border:0;
}
#incontents div.mchecker ul {
    margin:0;
    padding:0;
    zoom:1;
}
#incontents div.mchecker ul li {
    float:left;
    width:24%;
    margin:0 1% 0 0;
    display:inline;
}
#incontents div.mchecker ul li.last {
	margin:0;
}
#incontents div.mchecker ul li img {
    float:left;
    margin:0 0.4em 0 0;
}
#incontents div.mchecker ul li span {
    display:block;
    margin:0.8em 0 0 0;
}
#incontents div.mchecker div.bottom {
    background:url("../img/mc_point_btm.gif") bottom repeat-x;
    font-size:1px;
    line-height:1px;
}
#incontents div.mchecker div.bottom span {
    display:block;
    background:url("../img/mc_point_lb.gif") left bottom no-repeat;
}
#incontents div.mchecker div.bottom span span {
    height:4px;
    background:url("../img/mc_point_rb.gif") right bottom no-repeat;
}
#incontents div.mchecker div.btn {
    margin:16px 0 0;
    text-align:center;
}

#incontents dl dd span.number {
    color:#b44;
    font-weight:bold;
}

/*==============================================================================================================================*/
/* modified 20101206 */

#incontents .simpleExtend .lbrt {
margin-left: 10px;
 margin-right: 5px;
}
#incontents .simpleExtend .lbrt .lb {
width: 380px;
 margin-right: -380px;
 text-align: center;
}
#incontents .simpleExtend .lbrt .lb .lbImage {
display: block;
 margin-bottom: 5px;
}
#incontents .simpleExtend .lbrt .lb span.imgCaption {
font-size: 86%;
 font-weight: bold;
}
#incontents .simpleExtend .lbrt .rt {
float: none;
 width: auto;
  margin-left: 390px;
}
#incontents .standerdEnd {
}
#incontents .standardEnd .functionTable {
margin-bottom: 18px;
 text-align: center;
}
#incontents .standardEnd .functionTable table.t01 {
width: 850px;
 margin: 0 auto;
 text-align: left;
}
#incontents .standardEnd .functionTable table.t01 th,
#incontents .standardEnd .functionTable table.t01 td {
padding: 4px .5em;
}
#incontents .standardEnd .functionTable table.t01 th {
font-weight: bold;
 text-align: center;
 white-space: nowrap;
}
#incontents .standardEnd .functionTable table.t01 th.left {
text-align: left;
}
#incontents .standardEnd .functionTable table.t01 td.alignC {
text-align: center;
}
#incontents .standardEnd .functionTable table.t01 td.simple {
background: #ffe;
}
#incontents .standardEnd .functionTable p.caption-side {
padding: 0;
}
#incontents .standardEnd .alignC {
text-align: center;
}
#incontents .standerdEnd h2.top {
margin: 0 0 23px;
}
/*==============================================================================================================================*/

/*==============================================================================================================================*/
/* modified 20110124 */

#incontents div.docomo {
background:url("../img/docomo_bg.gif") top repeat-x;
 padding:10px;
 margin:0 0 10px;
}
#incontents div.docomo p {
margin:0 0 5px 200px;
}
#incontents div.docomo .right {
margin:0 0 0 200px;
}
#incontents div.docomo .img {
float:left;
}
#incontents div.docomotitle p {
color:#fff;
font-weight:bold;
}
/*==============================================================================================================================*/

/*==============================================================================================================================*/
/* modified 20110705 */

#incontents dl.infomation dt {
margin:0;
 padding:0;
}
#incontents dl.infomation dt img {
vertical-align:middle;
}
#incontents dl.infomation dd {
margin:-20px 0 20px;
 padding:0 0 10px 25px;
 background:url("../img/border1.gif") bottom repeat-x;
 zoom:1;
}
#incontents dl.infomation dd p {
padding:0 0 0 1px;
 margin:0 0 5px;
}
#incontents dl.infomation dd img {
margin:0 0 10px;
}
#incontents dl.infomation ul.block {
margin:0 0 10px;
}
#incontents dl.infomation .attention {
margin:0 0 10px;
}
#incontents dl.infomation dd img.num, #incontents dl.infomation dd img.icon {
vertical-align:middle;
 margin:0;
 padding:0 0.2em;
}
/*==============================================================================================================================*/


/*-------------------------------------
smartphone page
--------------------------------------*/

#incontents div.smartlead {
background:#e5f2c4 url("../img/smart_lead_bg.jpg") left repeat-x;
 border:solid 1px #c2de6f;
 margin:0 0 18px;
}

#incontents .smartpointbox{

text-align:center;
 }

#incontents .smartimgbox{
margin:0 auto;
 padding:0;
 width:660px;
 _margin:0;
 }

#incontents .smartcapimgbox{

border:1px solid #999999;
 float:left;
 min-width:208px;
 width:31%;
 text-align:center;
 }

#incontents .smartcapimgbox p {
font-weight:bold;
 margin:10px 0;
 }

#incontents .smartcapimgbox img {

margin:0 0 15px 0;
 }

#incontents .widgetset {
background:#F4F4F4;
 padding:15px;
 margin:10px 10px 20px;
 line-height:1.5em;
 }

#incontents .widgetset .settit {
font-weight:bold;
 font-size:110%;
 border-bottom:1px solid #CCCCCC;
 margin: 20px 0 10px 0;
 }

#incontents .widgetlink4_1 a{
background:url("../img/go_widget4_1.gif") no-repeat left top;
 display:block;
 width:500px;
 height:54px;
 text-indent:-9999px;
 margin:10px 0;
}

#incontents .widgetlink4_1 a:hover{
background:url("../img/go_widget4_1.gif") no-repeat left bottom;
 }

#incontents .widgetlink1_1 a{
background:url("../img/go_widget1_1.gif") no-repeat left top;
 display:block;
 width:500px;
 height:54px;
 text-indent:-9999px;
 margin:10px 0;
}

#incontents .widgetlink1_1 a:hover{
background:url("../img/go_widget1_1.gif") no-repeat left bottom;
 }

#incontents .widgetset .function {
padding:5px;
 background:#E4E4E4;
 margin:10px 0;
 }

#incontents .widgetset .new {
font-weight:bold;
 color:#CC0000;
 }

#incontents .widgetset .bold{
font-weight:bold;
 }



/*-----------------------Smart Phone Ad -----------------------*/
div#sp_access {
width:100%;
float:left;
 }
div#sp_access div{
width:100%;
background:url("../img/howto_s/sp_pc_top_bg.jpg");
 height:90px;
 border:1px solid #a3a3a3;
}




/* ==================================================================================================================
 Multi-Device CSS for PC & SmartPhone
================================================================================================================== */
.linkfor_sp{display:none;
}

#incontents div.advpricelist span.spimgnone span{display:none;
}

#incontents .mobilelogin .lead img.leadimg01{float:right;
 margin:0 0 10px 10px;
}

#incontents .smartcapimg{margin:20px 0;
}
#incontents .smartcapimgbox.lct{margin:10px 15px 0 0;
}
#incontents .smartcapimgbox.rt{margin:10px 0 0 0;
}

#incontents p.psetup{margin:0 0 8px;
}

#incontents p.loginboxtxt{width:660px;
 margin:30px auto 50px;
 line-height:1.6;
 text-align:left;
}

#lside dl dt {padding:5px 6px 3px;
}
#lside dl dd {margin:0 0 3px;
 padding:3px 6px 0;
}
#lside dl dd dl dt {padding:2px 0;
 font-weight:normal;
}
#lside dl dd dl dd {padding:0 0 3px;
}
#lside dl dd ul li {padding:0 0 2px 1.5em;
 margin:3px 0 0 0;
}


/***** info/index.html *****/

#area_planchangeinfo p{
    padding: 10px;
    font-weight: bold;
    color: #3399CC;
    border: 1px solid #3399CC;
    font-size:116%
 }

#area_planchangeinfo dl.infodatelist{
     width:90%;
     margin: 0 auto 20px auto;
}

#area_planchangeinfo dl.new{
	font-weight:bold
}


#area_planchangeinfo dl.infodatelist dt{
    border-top:1px dotted #ccc;
    float: left;
    width:16%;
    padding:2% 0;
    color:#999999
}
#area_planchangeinfo dl.infodatelist dd{
     border-top:1px dotted #ccc;
     padding:2% 0;
     margin-left: 16%;
}

#area_planchangeinfo dl.infodatelist dt:first-child{
     border-top:none;
}

#area_planchangeinfo dl.infodatelist dt:first-child + dd{
     border-top:none;
}

/***** -info/index.html *****/






#incontents #notice .btn2 {font-weight:bold;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 border:1px solid #dcdcdc;
 padding:9px 18px;
 text-decoration:none;
 background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #63b8ee), color-stop(100%, #468ccf) );
 background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
 background:-ms-linear-gradient( top, #63b8ee 5%, #468ccf 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
 background-color:#63b8ee;
 color:#ffffff;
 display:inline-block;
 text-shadow:1px 0px 0px #7cacde;
 -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 box-shadow:inset 1px 1px 0px 0px #ffffff;
 width: 300px;
 margin: 15px auto;
 text-align: center;
 }

#incontents #notice .btn2:hover {
text-decoration:none;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #468ccf), color-stop(100%, #63b8ee) );
 background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
 background:-ms-linear-gradient( top, #468ccf 5%, #63b8ee 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
 background-color:#468ccf;
}

#incontents #notice .btn2:active{
text-decoration:none;
 position:relative;
 top:1px;
 vertical-align: bottom;
 }

#incontents #notice .btn2 a{
text-decoration:none;
}

#incontents .endbox .mailsofts table{
border:none;
 width:90%;
}
#incontents .endbox .mailsofts table tr td{
width: 25%;
 border:none;
 background-color:#f8f7ed;
 }



#excuse {
    margin: 0 0 10px 0;
    padding: 10px;
    font-weight: bold;
    background-color: #FFFF66;
}

#incontents .disagree {
    width: 330px;
    margin: 0 auto 40px auto;
    text-align: center;
}

#incontents  .disagree .btnda {
    width: 320px;
    height: 49px;
    margin: 0 auto 30px auto;
    padding: 0;
}



#incontents .guidanceinfo{
padding: 20px;
margin: 20px 0 50px 0;
border: 1px solid #bbb;
color: #666666;
line-height: 160%;
text-align: left;
font-weight: bold;
background-color: #F5F5F5;
}



#incontents .save {
    width: 80%;
    margin: 0 auto 40px auto;
}


#incontents .btnsave {
    padding: 20px;
    background-color: #F5F5F5;
    font-weight: bold;
    font-size: 120%;
    background-image: url(../img/howto/arrow.png);
    background-repeat: no-repeat;
    background-position: 96%;
    margin-bottom: 20px;
    height: 1em;
    clear: both;
}

#incontents .btnsavenoarrow {
    padding: 20px;
    background-color: #F5F5F5;
    font-size: 120%;
    background-repeat: no-repeat;
    background-position: 96%;
    margin-bottom: 20px;
    height: auto;
    clear: both;
}

#incontents .save a {
	text-decoration: none
}


#incontents .btnsave p {
    text-align:left;
    float:left;
    padding:0;
    margin:0;
}

#incontents .btnsave span {
    text-align:right;
    float:right;
    padding:0;
    margin:0 60px 0 0;
    text-decoration: underline;
}



#incontents .savenotice {
    border:1px solid #F00;
    margin-bottom: 20px;
    padding: 20px;
}





#incontents .btnget {
    padding: 20px;
    border: 1px solid #F5F5F5;
    background-image: url(../img/howto/arrow.png);
    background-repeat: no-repeat;
    background-position: 96%;
    margin-bottom: 20px;
    height: auto;
    clear: both;
    width: 90%;
    margin: 0 auto 20px auto;
    background-color: #FFFFFF;
}

#incontents .btnget p.choice {
    text-align:left;
    float:left;
    padding:0 0 0 20px;
    margin:0 120px 0 0;
    font-weight: bold;
    text-indent: -25px;
    height: 2em;
    font-size: 92%;
}

#incontents .btnget p.choice img.num {
    vertical-align: middle;
    margin-right: 5px;
    border: none;
}

#incontents .btnget p.comment {
    display:block;
    margin: 4em 120px 0 0;
    border-top: 1px dotted #CCC;
    padding-top: 10px;
    text-decoration: none;
    color: #666666;
    font-size: 82%;
}


#incontents .btnget span.kotira {
    text-align:right;
    float:right;
    padding:0;
    margin:20px 40px 0 0;
    text-decoration: underline;
    font-weight: bold;
    font-size: 100%;
    width: 3.5em;
}



#incontents .save p.heed {
    padding: 20px;
    background-color: #FFFF99;
    color: #F00;
}



#incontents .btndl {
    padding: 20px;
    background-color: #F5F5F5;
    font-weight: bold;
    font-size: 120%;
    background-image: url(../img/howto/arrow.png);
    background-repeat: no-repeat;
    background-position: 96%;
    margin-bottom: 20px;
    height: 1em;
    clear: both;
}

#incontents .btndl2l {
    height: 2em;
}

#incontents .btndl p {
    text-align:left;
    float:left;
    padding:0;
    margin:0 120px 0 0;
    height: auto;
}

#incontents .btndl span {
    text-align:right;
    float:right;
    padding:0;
    margin:0 60px 0 0;
    text-decoration: underline;
    display: inline;
}







#incontents .saving{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}


#incontents .saving .btnda_b {
    width: 320px;
    height: 49px;
    margin: 0 auto 20px auto;
    padding: 0;
}

#incontents .saving .btnda_s {
    width: 160px;
    height: 49px;
    margin: 0 auto 20px auto;
    padding: 0;
}

#incontents .savesend {
    font-weight:bold;
    color:#0099CC;
    text-align: center;
}


#incontents .checklist {
    width: 80%;
    line-height: 160%;
    margin: 0 auto 20px auto;
    padding: 20px 20px 20px 30px;
    background-color: #F0F9FF;
}

#incontents .checklist li {
	margin: 0 20px;
}

#incontents .checklist li.txt {
    margin-left: -1em;
    list-style: none;
}


#incontents .smoke {
	filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

#incontents dl.help .kome {
    margin: 0 0 10px 0;
    padding: 20px;
    background-color: #FFFFCC;
    border-bottom: none;
    display: block;
}

.price {
    display: block;
    font-size: 120%;
    margin: 10px 0;
}

#rside .price {
    font-size: 130%;
}