@charset "utf-8";


/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
  初期化
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

* { 
	margin: 0;
	padding: 0; 
}


/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
  規定タグ
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

body {
	font-size: 12px;
	color: #333;
	font-family: verdana, "ヒラギノ角ゴ ProN W4", 'Hiragino Kaku Gothic ProN', Meiryo, メイリオ, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background: #dcdcdc;
	line-height: 1.5;
}

img { 
	border-style: none; 
}

a { 
	color: #2b7bfb; 
	outline:none;
}

a:hover { 
	color: #F25B00; 
}

li{ 
	list-style:none;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

th,td{
	border: 1px solid #c0c0c0;
	text-align: left;
	vertical-align: middle;
	padding: 3px;
	font-weight: normal;
	word-break: break-all;

}

input[type="text"],input[type="password"],select,textarea{
	padding: 5px;
	font-size:9pt;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	border:0;
	border:solid 1px #ccc;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 1px 1px 3px 0px #dcdcdc inset;
}

input[type="text"]:focus,input[type="password"]:focus,select:focus,textarea:focus{
	background: #ffffe0;
}


input[type="radio"]{
	position: relative;
	top:1px;
	margin-right: 2px;
}

input[type="checkbox"]{
	position: relative;
	top:0px;
	margin-right: 2px;
}

input[type="submit"],input[type="button"],button{
	font-size:9pt;
	font-weight:normal;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #808080;
	padding:9px 18px;
	text-decoration:none;
	background: #e0e0e0;
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #fcfcfc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#fcfcfc));
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#fcfcfc 100%);
	background: -o-linear-gradient(top,  #e0e0e0 0%,#fcfcfc 100%);
	background: -ms-linear-gradient(top,  #e0e0e0 0%,#fcfcfc 100%);
	background: linear-gradient(to bottom,  #e0e0e0 0%,#fcfcfc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#fcfcfc',GradientType=0 );
	box-shadow:0 0 0 1px #fff inset;
	color:#333;
	display:inline-block;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;

}

input[type="submit"]:hover,input[type="button"]:hover,button:hover{
	background: #baddf4;
	background: -moz-linear-gradient(top,  #baddf4 0%, #f4f9ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#baddf4), color-stop(100%,#f4f9ff));
	background: -webkit-linear-gradient(top,  #baddf4 0%,#f4f9ff 100%);
	background: -o-linear-gradient(top,  #baddf4 0%,#f4f9ff 100%);
	background: -ms-linear-gradient(top,  #baddf4 0%,#f4f9ff 100%);
	background: linear-gradient(to bottom,  #baddf4 0%,#f4f9ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baddf4', endColorstr='#f4f9ff',GradientType=0 );
	cursor: pointer;
	box-shadow:0 0 0 1px #EFF6FF inset;
	border-color:#1e90ff;
}



/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
  ページ共通
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/


/*---ヘッダー-------------------------------------*/

header{
	position: fixed;
	width: 100%;
	height: 40px;
	background-color: rgba(0,0,0,0.8);
	height: 45px;
	background: rgb(61,61,61); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(61,61,61,1) 0%, rgba(30,30,30,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,61,61,1)), color-stop(100%,rgba(30,30,30,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(61,61,61,1) 0%,rgba(30,30,30,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(61,61,61,1) 0%,rgba(30,30,30,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(61,61,61,1) 0%,rgba(30,30,30,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(61,61,61,1) 0%,rgba(30,30,30,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 1px 8px 2px #808080;
	z-index: 10000;
}

div#header_in{
	width: 1000px;
	height: 40px;
	margin: 0 auto;
}

h1{
	float: left;
	margin-right: 20px;
	margin-top: 8px;
}

.h1_sub{
	position: relative;
	top: -4px;
	font-size: 11px;
	color: #808080;
	font-weight: normal;
}

ul#header_navi{
	float: right;
	margin-top: 13px;
	margin-top: 2px;
}

ul#header_navi li{
	float: left;
}

ul#header_navi li a{
	display: block;
	width: 70px;
	border: 1px solid #1a1a1a;
	color: #808080;
	margin-left: 5px;
	background: #333;
	box-shadow: 1px 1px 0 0 #4d4d4d inset;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	padding: 2px 0;
}

ul#header_navi li i{
	font-size: 16px;
}


ul#header_navi li a:hover { 
	opacity:0.4;  
	filter: alpha(opacity=40);  
	-ms-filter: "alpha( opacity=40 )";  
	background: #fff;  
	color: #333;
}




/*---メイン---------------------------------------*/

div#area_main_whole{
	position: relative;
	background: #fff;
}

div#area_main_whole:before, div#area_main_whole:after {
    border-radius: 100px 100px 100px 100px / 10px 10px 10px 10px;
    bottom: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    content: "";
    left: 300px;
    position: absolute;
    right: 300px;
    top: 50%;
    z-index: -1;
}


div#area_main{
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	padding: 80px 10px 20px 10px;
	/*min-height: 1000px;*/
}

/*h2{
	font-family:'Hiragino Mincho ProN', serif;
	font-size: 22px;
	text-shadow:1px 1px 0px #aaa;
	color: #666;
	margin-bottom: 10px;
}*/

h2 {
	color:#666;
	font-size: 16px;
	margin-bottom: 20px;
	padding: 4px 5px 3px 10px;
	background: rgb(252,252,252);
	background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(198,198,198,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(198,198,198,1)));
	background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(198,198,198,1) 100%);
	background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(198,198,198,1) 100%);
	background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(198,198,198,1) 100%);
	background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(198,198,198,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#c6c6c6',GradientType=0 );
	box-shadow: 0px 1px 0px 1px #fff inset, 0 0 5px 0 #dcdcdc;	    
	border: 1px solid #999;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
     
}

.h2_sub{
	text-shadow:none;
	color: #aaa;
	font-size: 14px;
	margin-left: 10px;	
}

h2:before {
	position: relative;
	top:1px;
	content: "\f046";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	margin-left:0px;
	margin-right:8px;
	font-size: 22px;
}

.box{
	background: #fff;
	border: 1px solid #dcdcdc;
	margin-bottom: 20px;
	padding: 10px;
	box-shadow: 0 0 2px 0 #dcdcdc;
}




/*---フッター-------------------------------------*/

footer{
	padding: 20px 0;
	border-top: 1px solid #ccc;
	text-align: center;
	color: #a9a9a9;	
}



/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
  ページ個別
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/


/*---サイト一覧---------------------------------------*/

div.site_group_title a{
	display: block;
	font-size: 14px;
	padding: 10px;
	background: #fff9e8;
	background: -moz-linear-gradient(top,  #fff9e8 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff9e8), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #fff9e8 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #fff9e8 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #fff9e8 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #fff9e8 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9e8', endColorstr='#ffffff',GradientType=0 );


	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	text-decoration: none;
	font-weight: bold;
	color: #666;
	box-shadow: 0 0 0 1px #fff inset,2px 2px 2px 0 #dcdcdc;

}

.group_open{

}
.group_open a:before{
	content: "\f0d7";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	margin-left:0px;
	margin-right:5px;
	font-size: 18px;
}

.group_close{
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 20px;
}
.group_close a:before{
	content: "\f0da";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	margin-left:4px;
	margin-right:5px;
	font-size: 18px;
}


div.site_group{
	padding: 10px;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-top: 0px solid #dcdcdc;
	margin-bottom: 20px;
	box-shadow: 2px 2px 2px 0 #dcdcdc;
	

}


table.site{
	width: 980px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	/*box-shadow: 2px 2px 2px 0 #dcdcdc;*/
}

div.site_group table.site:last-child{
	margin-bottom: 0px;
}


table.site th,table.site td{
	width: 12.5%;
	padding: 2px;
	background: #fff;
	text-align: right;
	border: 0;
}


table.site tr.site_tr1 td,table.site tr.site_tr2 td{
	padding: 0;
}

table.site tr.site_tr1 td a,table.site tr.site_tr2 td a{
	display: block;
	padding:2px;
	text-decoration: none;
	color: #333;
}

table.site tr.site_tr1 td a:hover,table.site tr.site_tr2 td a:hover{
	background: #fff9df;
}


table.site tr.site_title td{
	font-size: 14px;
	padding: 5px 8px;
	text-align: left;
	border: 0px solid #dcdcdc;
	box-shadow: 1px 1px 1px 0 #f5f5f5 inset;	

	background: #e2e2e2;
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #f9f9f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#f9f9f9));
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#f9f9f9 100%);
	background: -o-linear-gradient(top,  #e2e2e2 0%,#f9f9f9 100%);
	background: -ms-linear-gradient(top,  #e2e2e2 0%,#f9f9f9 100%);
	background: linear-gradient(to bottom,  #e2e2e2 0%,#f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#f9f9f9',GradientType=0 );


}

table.site tr.site_title td a{
	text-decoration: none;
	font-weight: bold;
	color: #666;
}

table.site tr.site_title td a i{
	border: 1px solid #aaa;
	color: #999;
	background: #dcdcdc;
	box-shadow: 1px 1px 1px 0 #fff inset;
	padding: 2px;
	position: relative;
	top:-1px;
}

table.site tr.site_title td a:hover{
	color: #F25B00; 
}

table.site tr.site_title td a:hover i{
	color: #F25B00; 
	border: 1px solid #F25B00; 
	background: #fff0e6;
}


table.site tr.site_day td{
	border: 1px solid #dcdcdc;
	background: #f5f5f5;
	box-shadow: 1px 1px 1px 0 #fff inset;	
	border: 1px solid #ccc;

}

table.site tr.site_kw td{
	border: 1px solid #dcdcdc;
	background: #fdfbf1;

	background: #e2e2e2;
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #f9f9f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#f9f9f9));
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#f9f9f9 100%);
	background: -o-linear-gradient(top,  #e2e2e2 0%,#f9f9f9 100%);
	background: -ms-linear-gradient(top,  #e2e2e2 0%,#f9f9f9 100%);
	background: linear-gradient(to bottom,  #e2e2e2 0%,#f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#f9f9f9',GradientType=0 );

	border: 1px solid #ccc;

	box-shadow: 1px 1px 1px 0 #f5f5f5 inset;	

}


table.site tr.site_tr1 th, table.site tr.site_tr1 td,
table.site tr.site_tr2 th, table.site tr.site_tr2 td{
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}


table.site tr.site_tr2 th, table.site tr.site_tr2 td{
	/*background: #f5f7fd;*/
	background: #f5f5f5;

}


/*---サイト変更-------------------------------------*/

table.site_set{
	width: 100%;
}

table.site_set th{
	background: #f0f3fc;
	width: 100px;
}


/*---並び替え-------------------------------------*/

div#sitesort{
	height:300px;
	overflow: scroll;
	border: 1px solid #dcdcdc;
	padding: 10px;
	margin: 20px 0;
}


/*---詳細解析-------------------------------------*/

div#area_contents{
	float: right;
	width: 770px;
}

div#area_sidemenu{
	float: left;
	width: 190px;
	background: #dcdcdc;
	border: 1px solid #ccc;
	padding:10px;
	
}

div#area_underspace{
	clear: both;
	height: 30px;
}


table.calender{
	width: 190px;
	margin-bottom: 20px;
}

table.calender th,table.calender td{
	padding: 1px 0px;
	text-align: center;
}

table.calender th{
	background: #f5f5f5;
}

table.calender td{
	background: #fff;
}

table.calender td.sel{
	background: #fffff4;
}


table.calender th i.fa{
	font-size:14px;
}


div#area_sidemenu ul li a{
	display: block;
	background: #fff;
	padding: 5px 8px;
	border: 1px solid #ccc;
	margin-bottom: 3px;
	text-decoration:  none;
}

div#area_sidemenu ul li a:hover{
	background: #fff0d8;
}

div#area_sidemenu ul li:last-child a{
	margin-bottom: 0px;
}

div#area_sidemenu ul li a:before{
	content: "\f054";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	margin-left:0px;
	margin-right:5px;
	font-size: 12px;
}

h3{
	font-weight: normal;
	border: 1px solid #aaa;
	border-left: 5px solid #aaa;
	padding: 5px;
	margin-bottom: 10px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}


/*---日別・時間別-------------------------------------*/

table.anlz_day{
	width: 100%;
	border:1px solid #ccc;
}

table.anlz_day th,table.anlz_day td{
	padding: 3px;
}

table.anlz_day td{
	background: #fff;
}

table.anlz_day tr th{
	background: #dcdcdc;
	background: #e3e8f9;
	background: #f5f5f5;
	width: 12.5%;
	background: #e2e2e2;
	box-shadow: 1px 1px 1px 0 #f5f5f5 inset;	

}


table.anlz_day tr td{
	text-align: right;
	border-top:0px solid #ccc;
	border-bottom:0px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

table.anlz_day tr td:nth-child(1)
{
	text-align: left;
}


table.anlz_day tr:nth-child(even) td{
	background: #f0f3fc;
	background: #f5f5f5;
}

table.anlz_day tr.total td{
	background: #fff6d7;
	border:1px solid #ccc;
}


/*---ページ別-------------------------------------*/

table.anlz_page{
	width: 100%;
	border:1px solid #ccc;
}

table.anlz_page th,table.anlz_page td{
	padding: 3px;
}

table.anlz_page td{
	background: #fff;
	border-top:0px solid #ccc;
	border-bottom:0px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

table.anlz_page tr th{
	background: #e3e8f9;
	background: #e2e2e2;
	box-shadow: 1px 1px 1px 0 #f5f5f5 inset;	
}

table.anlz_page tr td:nth-child(n+2)
{
	width: 70px;
	text-align: right;
}

table.anlz_page tr:nth-child(even) td{
	background: #f0f3fc;
	background: #f5f5f5;
}


/*---アクセスログ-------------------------------------*/

table.anlz_log{
	width: 100%;
	border:1px solid #ccc;
	margin-bottom: 20px;
}

table.anlz_log:last-child{
	margin-bottom: 0px;
}


table.anlz_log th,table.anlz_log td{
	padding: 3px;
}

table.anlz_log tr th{
	background: #e3e8f9;
	width: 13%;
	background: #e2e2e2;
	box-shadow: 1px 1px 1px 0 #f5f5f5 inset;	

}

table.anlz_log td{
	background: #fff;
	width: 37%;
}



/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
  クラススタイル
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/


/*---文字色---------------------------------------*/
.fc_r { color: #ff0000; }
.fc_b { color: #000099; }
.fc_g { color: #399900; }
.fc_o { color: #ff6600; }
.fc_gy { color: #a9a9a9; }


/*---文字装飾-------------------------------------*/
.fo_b { font-weight: bold; }
.fo_n { font-weight: normal; }
.fo_i { font-style: italic; }
.fo_u { text-decoration:underline; }
.fo_s { text-decoration:line-through; }
.fo_mk{ background: #FFFFA4; }


/*---位置指定-------------------------------------*/
.al_l { text-align: left !important; }
.al_c { text-align: center; }
.al_r { text-align: right; }
.va_t { vertical-align: top; }
.va_m { vertical-align: middle; }
.va_b { vertical-align: bottom; }
.fl_l { float: left;}
.fl_r { float: right; }
.of_h { overflow: hidden; }


/*---表示-----------------------------------------*/

.dsp_n{ display: none; }

/*---罫線-----------------------------------------*/
.bd_s { clear: all;font-size: 1px;border-bottom: 1px solid #dcdcdc; }
.bd_d { clear: all;font-size: 1px;border-bottom: 1px double #dcdcdc; }
.bd_ds { clear: all;font-size: 1px;border-bottom: 1px dashed #dcdcdc; }
.bd_dt { clear: all;font-size: 1px;border-bottom: 1px dotted #dcdcdc; }


/*---余白-----------------------------------------*/
.mg_0 { margin: 0; }
.pd_0 { padding: 0; }

.mg_5 { margin: 5px; }
.mg_10 { margin: 10px; }
.mg_20 { margin: 20px; }
.mg_30 { margin: 30px; }
.mg_t_5 { margin-top: 5px; }
.mg_t_10 { margin-top: 10px; }
.mg_t_20 { margin-top: 20px; }
.mg_t_30 { margin-top: 30px; }
.mg_b_5 { margin-bottom: 5px; }
.mg_b_10 { margin-bottom: 10px; }
.mg_b_20 { margin-bottom: 20px; }
.mg_b_30 { margin-bottom: 30px; }
.mg_l_5 { margin-left: 5px; }
.mg_l_10 { margin-left: 10px; }
.mg_l_20 { margin-left: 20px; }
.mg_l_30 { margin-left: 30px; }
.mg_r_5 { margin-right: 5px; }
.mg_r_10 { margin-right: 10px; }
.mg_r_20 { margin-right: 20px; }
.mg_r_30 { margin-right: 30px; }

.pd_5 { padding: 5px; }
.pd_10 { padding: 10px; }
.pd_20 { padding: 20px; }
.pd_30 { padding: 30px; }


/*---ボックス-------------------------------------*/
.box_r { background:#FFE3E3;border:1px solid #FF7575;padding: 5px; }
.box_b { background:#C8E9FF;border:1px solid #005BF2;padding: 5px; }
.box_g { background:#F1FFC8;border:1px solid #005900;padding: 5px; }
.box_y { background:#FFF9E3;border:1px solid #F2B600;padding: 5px; }
.box_gy { background:#f5f5f5;padding: 10px; }


.box_shadow{
	clear: both;
	overflow: hidden;
	border:1px solid #ccc;
	background:#f5f5f5;
	padding:15px 10px 10px 10px;
	box-shadow: 0 3px 5px -2px #ccc inset;
	border-radius: 3px; 
    -webkit-border-radius:  3px; 
    -moz-border-radius: 3px;
}

.box_err { 
	background:#FFF9E3;
	border:1px solid #F2B600;
	padding: 10px 10px 10px 10px;
	color:#F20000;
	margin-bottom: 20px; 
}
.box_msg { 
	background:#F1FFC8;
	border:1px solid #005900;
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px; 
}


/*---透過-----------------------------------------*/
a.pnt:hover { 	
	opacity:0.85;  
	filter: alpha(opacity=85);  
	-ms-filter: "alpha( opacity=85 )";  
}


/*---Q&A------------------------------------------*/
.qa_q{
	padding: 14px 8px 8px 38px;
	background: url(../img/q.gif) no-repeat 8px 8px #EEFFE3;
	margin-bottom: 10px;
	font-weight: bold;
}

.qa_a{
	padding: 15px 8px 8px 38px;
	background: url(../img/a.gif) no-repeat 8px 8px;
	margin-bottom: 30px;
}


/*---ポイント---------------------------------------*/
.point_arw01{
	background: url(../img/arw01.gif) no-repeat 0 1px;padding: 0 0 0 15px;
}
.point_arw01:hover{
	background: url(../img/arw01_hover.gif) no-repeat 0 1px;padding: 0 0 0 15px;
}


/*---リンク---------------------------------------*/

a.link1{
	text-decoration: none;
	display: inline-block;
	border: 1px solid #2b7bfb;
	background: #f5f7ff;
	padding: 3px 10px;
	color: #2b7bfb;
}

a.link1:before{
	content: "\f04b";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	margin-left:0px;
	margin-right:5px;
	font-size: 10px;
	position: relative;
	top:-1px;
}

a.link1:hover{
	border: 1px solid #F25B00;
	background: #fdf8ea;
	color: #F25B00;
	box-shadow: 1px 1px 1px 0 #fff inset;
}




/*---ページ移動（一覧用）---------------------------*/

table.pm{ width: 100%; }
table.pm td{ border: 0;padding: 3px 0; }
table.pm tr{ line-height: 30px; }

.pmlink{
	border: 1px solid #dcdcdc;
	background: #f5f5f5;
	padding: 2px 10px;
	font-size: 9pt;
	margin-right: 5px;
}

a.pmlink:hover{
	border: 1px solid #dcdcdc;
	background: #E3F4FF;
	color: #0060FF;
}

.pm_back{
	background: url(../img/pm_back.gif) no-repeat 0 3px #f5f5f5;
	padding: 2px 10px 2px 20px;
}

a.pm_back{
	background: url(../img/pm_back_link.gif) no-repeat 0 3px #f5f5f5;
	padding: 2px 10px 2px 20px;
}

a.pm_back:hover{
	background: url(../img/pm_back_link.gif) no-repeat 0 3px #E3F4FF;
	padding: 2px 10px 2px 20px;
}


.pm_next{
	background: url(../img/pm_next.gif) no-repeat right 3px #f5f5f5;
	padding: 2px 20px 2px 10px;
}

a.pm_next{
	background: url(../img/pm_next_link.gif) no-repeat right 3px #f5f5f5;
	padding: 2px 20px 2px 10px;
}

a.pm_next:hover{
	background: url(../img/pm_next_link.gif) no-repeat right 3px #E3F4FF;
	padding: 2px 20px 2px 10px;
}


/*---レイアウト用テーブル---------------------------*/

table.nb th,table.nb td{ border: 0;padding: 0px; }

table.tbl_pd_3 th,table.tbl_pd_3 td{ padding: 3px; }
table.tbl_pd_5 th,table.tbl_pd_5 td{ padding: 5px; }

table.va_t th{ vertical-align: top;padding-top: 8px; }

table.th_b th{ font-weight: bold; }


/*---疑似チェックボックス---------------------------*/

div.fakecheck{
	display: block;
	border: 1px solid #ccc;
	padding: 11px 5px 5px 30px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 1px 1px 3px 0px #dcdcdc inset;
	text-decoration: none;
	color: #333;
}

div.fakecheck:hover{
	background-color: #ffffe0;
	cursor: pointer;
}

div.fc_on{
	background: url(../img/checkbox1.png) no-repeat 6px 7px #fff;	
}

div.fc_off{
	background: url(../img/checkbox0.png) no-repeat 6px 7px #fff;	
}


/*---ボタン---------------------------*/

input[type="submit"].arrowicon:before{
	content: "\f0d7";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	margin-left:0px;
	margin-right:5px;
	font-size: 18px;
}


/*---テーブル項目用---------------------------*/

th.koumoku{ 
	background: #333;
	color: #f5f5f5;
	border: 1px solid #333;
	border-bottom: 2px solid #333;
	padding: 5px;
}



/*---自動折り返し---------------------------*/

.anl{
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}


/*---ページトップに戻る---------------------------------------*/
#move_top { position:fixed; right:10px; bottom:10px;z-index: 100; }
#move_top img { opacity:0.6; display:block; }
#move_top:hover img { opacity:1; }


/*---モーダル画面---------------------------------------------*/

#lean_overlay{
	position: fixed; z-index:100; top: 0px; left: 0px;
	height:100%; width:100%; background: #000; display: none;
}


/*---アップデート---------------------------------------------*/

.box_update{
	padding: 10px;
	border: 1px solid #dcdcdc;
	background: #fff;
	margin-bottom: 20px;
}

a.box_update {
	display: block;
	padding: 10px;
	background: #E3F4FF;
	border: 1px solid #0060FF;
	margin-bottom: 20px;
}

a.box_update:hover{
	background: #FFF4E3;
	border: 1px solid #F25B00;
}


/*---横並びリンク---------------------------------------------*/

ul.menulink{
}

ul.menulink li{
	list-style: none; 
	float: left;
	margin-right: 10px;
}

ul.menulink li a{
	text-decoration: none;
	display: block;
	border: 1px solid #2b7bfb;
	background: #f5f7ff;
	padding: 3px 10px;
	color: #2b7bfb;
}

ul.menulink li a:before{
	content: "\f04b";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	margin-left:0px;
	margin-right:5px;
	font-size: 10px;
	position: relative;
	top:-1px;
}

ul.menulink li a.linksel{
	background: #fffde6;
}

ul.menulink li a:hover{
	border: 1px solid #F25B00;
	background: #fdf8ea;
	color: #F25B00;
	box-shadow: 1px 1px 1px 0 #fff inset;
}



ul.menulink2{
	background: #f5f5f5;
	padding: 10px;
	overflow: hidden;
}

ul.menulink2 li{
	list-style: none; 
	float: left;
	margin-right: 10px;
}

ul.menulink2 li:after{
	content: "｜";
	margin-left: 10px;
}

/*---タブ-------------------------------------------------------*/

ul.tab_menu{
	position: relative;
	top:13px;
	display: block;
	margin-left:10px;
}

ul.tab_menu li a{
	display: block;
	float: left;
	padding:3px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	border:1px solid #999;
	border-right:0px;
	color: #4d4d4d;
	text-align:center;
	font-weight: bold;
	text-decoration: none;
}

ul.tab_menu li:first-child a{
	border-radius: 5px 0 0 5px; 
    -webkit-border-radius:  5px 0 0 5px; 
    -moz-border-radius: 5px 0 0 5px;
}


ul.tab_menu li:last-child a{
	border:1px solid #999;
	border-radius:  0 5px 5px 0; 
    -webkit-border-radius: 0 5px 5px 0; 
    -moz-border-radius: 0 5px 5px 0;
}


ul.tab_menu li.selected a{
	background: #1c1c1c;
	background: -moz-linear-gradient(top,  #1c1c1c 0%, #5e5e5e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1c1c), color-stop(100%,#5e5e5e));
	background: -webkit-linear-gradient(top,  #1c1c1c 0%,#5e5e5e 100%);
	background: -o-linear-gradient(top,  #1c1c1c 0%,#5e5e5e 100%);
	background: -ms-linear-gradient(top,  #1c1c1c 0%,#5e5e5e 100%);
	background: linear-gradient(to bottom,  #1c1c1c 0%,#5e5e5e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#5e5e5e',GradientType=0 );
	border-color:#333;
	color:#f5f5f5;
	box-shadow:0px 6px 10px 6px #333 inset;
}


ul.tab_menu_fix1 li a{ width:80px; }
ul.tab_menu_fix2 li a{ width:130px; }


div.tab_box{
	clear: both;
	border:1px solid #ccc;
	background:#f5f5f5;
	padding: 30px 15px 15px 15px;
	box-shadow: 0 3px 5px -2px #ccc inset;
	border-radius: 3px; 
    -webkit-border-radius:  3px; 
    -moz-border-radius: 3px;
}

/*---ページトップに戻る---------------------------------------*/
#move_top { position:fixed; right:10px; bottom:10px; }
#move_top img { opacity:0.6; display:block; }
#move_top:hover img { opacity:1; }