/*@charset "utf-8";*/

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

Description : CS用／共通レイアウト
Date        : 2012.05

=========================================================================*/
/*
 汎用
-------------------------------------------------------------------------*/
/* 
幅調整用 */
.d-wt100 { width:100px;}
.d-wt150 { width:150px;}
.d-wt200 { width:200px;}
.d-wt250 { width:250px;}
.d-wt300 { width:300px;}
.d-wt350 { width:350px;}
.d-wt400 { width:400px;}
.d-wt450 { width:450px;}
.d-wt500 { width:500px;}
.d-wt550 { width:550px;}
.d-wt600 { width:600px;}

.d-wp95 { width:95%;}
.d-wp90 { width:90%;}
.d-wp85 { width:85%;}
.d-wp80 { width:80%;}
.d-wp75 { width:75%;}
.d-wp70 { width:70%;}
.d-wp65 { width:65%;}
.d-wp60 { width:60%;}
.d-wp55 { width:55%;}
.d-wp50 { width:50%;}
.d-wp45 { width:45%;}
.d-wp40 { width:40%;}
.d-wp35 { width:35%;}
.d-wp30 { width:30%;}
.d-wp25 { width:25%;}
.d-wp20 { width:20%;}
.d-wp15 { width:15%;}
.d-wp10 { width:10%;}


/*
テキスト内アイコン用画像 */
.d-img-mark{
	vertical-align:middle;
}

/*
 囲みbox*/

.d-rect-box{
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	border:1px solid #CCC;
}

/*
 フロート*/
.d-float-right{
	float:right;
}
	
.d-float-left{
	float:left;
}

/*
縦位置調整用 */	
.d-valign-top{
	vertical-align:top;
}

.d-valign-mid{
	vertical-align:middle;
}

.d-valign-btm{
	vertical-align:bottom;
}

/*
description list */
dl.d-dlist-bold dt{
	font-weight:bold;}
	
dl.d-dlist-bold dd{
	margin-left:10px;}	

dl.d-dlist-normal dd{
	margin-left:10px;}	

/*  */

.d-sankou-box{
	margin-bottom:15px;
	padding:5px;
	border:1px dotted #b9c9d9;
	background-color:#fafafa;
	overflow:hidden;
}

#html .d-sankou-box{
	zoom:1;
}

	
/*
 らくらくバナー
-------------------------------------------------------------------------*/
.d-btn-rakuraku {
	display: block; border: none; text-indent: -9999px; cursor: pointer;
	width: 350px;
	height: 67px;
	background: url(https://www.so-net.ne.jp/support/ask/assets/themes/sonet/images/rakuraku_banner.jpg) left top no-repeat;
}

.d-btn-rakuraku:hover {
	background-position: 0 -67px;
}


/*
 message幅696 用
-------------------------------------------------------------------------*/


@media screen and (min-width: 768px) {
.d-middle-message696, .d-middle-infolist {
	margin: 0 auto;
	padding: 30px 0 20px;
	overflow:hidden;
	width: 696px;
}
}


@media screen and (max-width: 767px) {

.d-askchat{
    width: 95% !important;
	margin-left:10px;
	margin-right:10px;
}

.d-askchat.d-middle-message696 {
    margin: 0 auto !important;
    padding: 30px 10px 20px 10px !important;
    /*overflow: hidden !important;*/
    width: 95% !important;
	box-sizing:border-box !important;
}





}


.d-middle-infolist .days{
	padding-bottom:10px;
	text-align:right;
	border-bottom: 2px solid #cccccc;
}

.d-middle-infolist h2{
	margin-top:35px;
	margin-bottom:25px;
	font-size:128.1%;
	font-weight:bold;
	text-align:center;
}

.d-middle-message696 .h2-box{
	border-top: 4px solid #cccccc;
	background: url(https://www.so-net.ne.jp/support/ask/assets/themes/sonet/images/bg_shadow_w700.png) center bottom no-repeat;
	clear: both;
	margin: 0 0 10px;
	padding: 10px 20px 15px;
	overflow: hidden;
	font-weight: bold;
	zoom: 100%;
}

.d-middle-message696 .h2-box h2{
	font-size: 182.86%;
	line-height: 1.4;
}


.d-middle-message696 .d-readme h3{
	border-left:none;
	padding:5px 8px 5px 8px;
	margin-bottom:5px;
	background-image:none;
}

 .d-readme h3{
	color: #336699 !important;
}

.d-middle-message696 h3{ clear: both; margin: 0 0 20px; padding: 8px 16px 6px 20px; overflow: hidden; font-size: 128.6%; font-weight: bold; zoom: 100%; color:#fff; background:url(https://www.so-net.ne.jp/support/ask/assets/themes/sonet/images/h3_title_bg.png) no-repeat left top; line-height:1.2em;}


/*
 message幅950 用
-------------------------------------------------------------------------*/
.d-middle-message950, .d-middle-infolist, .d-middle-category {
	margin: 0 auto;
	padding: 15px 0 20px;
	overflow:hidden;
	width: 950px;
}

.d-middle-infolist .days{
	padding-bottom:10px;
	text-align:right;
	border-bottom: 2px solid #cccccc;
}

.d-middle-infolist h2{
	margin-top:35px;
	margin-bottom:25px;
	font-size:128.1%;
	font-weight:bold;
	text-align:center;
}

.d-middle-message950 .h2-box{
	border-top: 4px solid #cccccc;
	background: url(https://www.so-net.ne.jp/support/ask/assets/themes/sonet/images/bg_shadow_w700.png) center bottom no-repeat;
	clear: both;
	margin: 0 0 10px;
	padding: 10px 20px 15px;
	overflow: hidden;
	font-weight: bold;
	zoom: 100%;
}

.d-middle-category h2{
	border-top: 4px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	font-size:175%;
}

.d-middle-message950 .h2-box h2{
	font-size: 182.86%;
	line-height: 1.4;
}




.d-middle-message950 .d-readme h3{
	border-left:none;
	padding:5px 8px 5px 8px;
	margin-bottom:5px;
	background-image:none;
}

.d-middle-message950 h3{ clear: both; margin: 0 0 20px; padding: 8px 16px 6px 20px; overflow: hidden; font-size: 128.6%; font-weight: bold; zoom: 100%; color:#fff; background:url(https://www.so-net.ne.jp/support/ask/assets/themes/sonet/images/h3_title_bg.png) no-repeat left top; line-height:1.2em;}

.d-middle-category h3{
	background: -moz-linear-gradient(top, #54a1f0, #0866c6);
	background: -webkit-linear-gradient(top, #54a1f0, #0866c6);
	background: linear-gradient(to bottom, #54a1f0, #0866c6);/* IE10+ */	
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#54a1f0', endColorstr='#0866c6'); /* IE5.5+ */		
	clear: both;
	margin: 0 0 20px;
	padding: 8px 16px 8px 10px;
	overflow: hidden;
	font-size: 128.6%;
	font-weight: bold;
	zoom: 100%;
	line-height:1.2em;
}
.d-middle-category h3 a{
	color:#fff;
	text-decoration:none;
}

html {
   overflow-y:scroll;
}


/*
 お知らせ用
-------------------------------------------------------------------------*/
/*年月日*/
.d-news-list dt { float: left; width: 102px; padding-left: 8px; }

/*リンクテキスト*/
.d-news-list dd { float: left; width: 578px;}

.d-middle-infolist div.d-move-top { clear:left; padding-bottom:20px;}


/* 規約用インデント */
.d-indent-kiyaku{
	text-indent:-0.8em;
	margin-left:0.8em;
}



/*
 リダイレクトページ用
-------------------------------------------------------------------------*/

.d-redirect { clear: both; margin: 0 auto; padding: 50px 0; width:600px; overflow:hidden;}


/*
 ボタン
-------------------------------------------------------------------------*/
.d-btn-contact {
	display: block; border: none; text-indent: -9999px; cursor: pointer;
	width: 220px;
	height: 50px;
	background: url(https://www.so-net.ne.jp/support/ask/assets/themes/sonet/images/btn_contact.png) left top no-repeat;
}

.d-btn-contact:hover {
	background-position: 0 -50px;
}

/*
アンケートインラインフレーム用*/

iframe.evaluate{
	border:none;
	width:696px;
}

/* はじめにお読みくださいインデント */
.d-readme p.d-link-indent{
	padding:0;
	margin-left:15px;
	text-indent:-15px;
}

*+html .d-readme p.d-link-indent{
	padding:0;
	margin-left:0;
	text-indent:0;
}

*html .d-readme p.d-link-indent{
	padding:0;
	margin-left:0;
	text-indent:0;
}

/* 障害情報用 */

#d-emergearea{
	margin:0;
	padding:0;
	overflow:hidden;
	*overflow:scroll;!important}
	
	
#d-emergearea{
	width:100%;
	margin:0;
	padding:0;
	overflow-y:hidden;
	overflow-x:hidden;}