@charset "utf-8";
/*body setting --------------------------- */
body {
	margin: 0 auto;
	background: #dddddd;
	text-align:center;
	font-size: 80%;
}
*html body {
	font-size:80%;
}

/*clearfix --------------------------- */
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.clearfix {
	zoom:1;/*for IE 5.5-7*/
}

/*a setting --------------------------- */
a {
	text-decoation:none;
}

a img {
	border: 0px;
}

/*Hx setting --------------------------- */
h1,h2,h3,h4,h5,h6,p,ul,li {
	margin:0;
	padding:0;
}

/*listtag setting --------------------------- */
dl,dt,dd,ul,ol,li{
	margin:0;
	padding:0;
	list-style: none;
	text-align:left;
	text-indent: 0px;
	display:block;
}

/* dd内に"･" など入れて、dt内に内容を入れる */
.itemList{
	line-height:1.5em;
	margin:0;
	padding:2px 0;
}
dd  {font-weight:bold;}
dt  {
	margin-left:90px;
	margin-right:30px;
	margin-top:-1.2em;
}

/*ul setting --------------------------- */
ul{}
li{
	padding-left: 1em;
    text-indent: -1em;
}
ul.location li{
	float:left;
}

ul.sec_repo1 li{
	padding-right:16px;
	float:left;
}
ul.sec_repo2 li{
	padding-right:15px;
	float:left;
}
ul.sec_pro li{
	float:left;
}

/*input setting --------------------------- */
*html input,select{
	font-size: 80%;
}
/*img setting --------------------------- */
img {
	border: 0;
	margin: 0;
	padding: 0;
}
.imgSpace{
	font-size:0px;
	vertical-align:bottom;
}

/*a setting --------------------------- */
a:link,
a:visited{color:#e70012; text-decoration:none}
a:hover,
a:active{color:#f27902; text-decoration:underline}

/*wrapper setting -----------------------------------------------*/

#wrap {
	margin: 0;
	padding: 0;
}

/*head setting ---------------------------*/
#head {
	margin: 0 auto;
	padding: 0;
	width:970px;
	background-image:url(../img/common/main_bg.jpg);
	background-repeat:repeat-y;
	display:block;
}
.logo{
	padding:19px 0 0 25px;
	float:left;
}
.headtit{
	padding:19px 0 0 30px;
	float:left;
}
.logArea{
	width:150px;
	padding:26px 0 0 40px;
	float:left;
	text-align:right;
}
*html .logArea{
	width:170px;
	padding:26px 0 5px 50px;
	font-size:80%;
}
/*contents setting ---------------------------*/
#contents {
	margin: 0 auto;
	padding: 0;
	width:970px;
	color:#444444;
	line-height:1.4em;
}
#contents .main{
	padding:0 5px;
	background:url(../img/common/main_bg.jpg) repeat-y;
	text-align:left;
	width:960px;
	_width:970px;
}

/*-- TOPページ --*/
h1{
	padding:0px;
	margin:0px;
}

.top_area1{
	padding:10px 10px 10px 0;
	float:left;
	width:330px;
	text-align:left;
}
.top_area2{
	padding:10px 0;
	float:left;
	width:290px;
	text-align:left;
}
.top_frame{
	padding:10px 15px;
	background:url(../img/top/frame1bg.jpg);
	width:300px;
	
}
*html .top_frame{width:330px;}

.top_frame2{
	padding:10px 15px;
	background:url(../img/top/frame2bg.jpg);
	width:260px;
}
*html .top_frame2{width:290px;}

.top_repo_subtit{
	margin-left:10px;
	padding-left:20px;
	background:url(../img/common/arrow_rig.jpg) no-repeat;
	font-weight:bold;
}
.top_repotext{
	padding:5px 0 0 10px;
	width:190px;
}
.top_flowtit{
	margin-top:5px;
	border:#cccccc solid 1px;
}
.top_flowtext{
	padding:1px;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
}
.top_flowtext2{
	padding:10px;
	background:#f4f4f4;
}
.top_mypArea{
	padding:5px 0 0 10px;
}
.error_msg{
	padding-top:5px;
	color:#ff8a03;
	font-size:10px;
}

.leftArea{
	margin-right:10px;
	float:left;
	width:190px;
}
.rightArea{
	float:left;
	width:770px;
	
	text-align:left;
}
.right_main{
	padding:20px 25px;
	background:url(../img/common/main_rightbg.jpg) repeat-y;
}
.locArea{
	padding:10px 0 4px 0;
}

/*-- セキュリティ診断レポート --*/
.flabtnArea{
	padding:10px 0 5px;
	background:url(../img/common/flaarea_bg.jpg) repeat-y;
}
.sec_box{
	margin-top:20px;
	border:#eeeeee solid 7px;
	width:666px;
}
.sec_boximg{
	padding:5px 0 20px 20px;
	float:left;
}
.sec_boxtext{
	padding:5px 0 20px 20px;
	float:left;
	width:406px;
}
.sec_boxtext2{
	padding:5px 0 20px 20px;
	float:left;
	width:191px;
}

/*-- Secirity Proとは --*/

.sec_leftArea{
	float:left;
	width:200px;
}
.sec_rightArea{
	padding:20px;
	float:left;
	width:720px;
}
.sec_grayArea{
	margin:10px 0 0 0;
	padding:3px 0 3px 7px;
	background:#eeeeee;
	text-align:center;
}

table.sec {
	margin:20px 30px 10px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	text-align:left;
	font-size: 1em;
	color:#444444;
}
table.sec label{
	font-size: 1em;
}
table.sec td {
    padding: 5px 10px 5px 10px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}
.sec_attArea{
	margin:20px 30px 0;
	padding:2px 0 2px;
	background:#ffd9d9;
	text-align:center;
	color:#e70012;
}

/*iFrame*/
.sec_textarea{
	padding:20px 0 10px;
	text-align:center;
}
textarea {
	scrollbar-base-color: #cccccc;
	scrollbar-arrow-color: #ffffff;
	font-size: 100%;
}
.sec_priArea{
	padding:10px 0;
	text-align:center;
}

/*question内テーブル*/
.que_text{
	margin:5px 0 10px 50px;
	padding-left:70px;
	height:30px;
	background:url(../img/security/q1.jpg) left center no-repeat;
}

.q_box{
	padding-top:10px;
}
table.que{
	margin:0 0 10px 50px;
	padding-bottom:10px;
	font-size:1em;
	border-bottom:#cccccc dashed 1px;
	color:#444444;
	width:620;
}
table.que td{padding:10px;}
table.que .td1{
	width:55px
}
table.que .td2{
	width:565px
}
table.que2{
	margin-left:80px;
	font-size:1em;
	color:#444444;
	width:510px;
	_width:470px;
}
table.que2 td{padding:5px;}

/*-- 診断ページ --*/
.sec_subtit{
	padding-top:30px;
}
.sec_resArea{
	padding:20px 0 20px 20px;
}
.sec_resArea2{
	padding:0 0 20px 20px;
}
.sec_rankmark{
	float:left;
	padding:10px 40px 0 10px;
}
.sec_ranktext{
	background:url(../img/report/rank_bg2.jpg) repeat-y;
	padding:5px 0 5px 10px;
	width:140px;
}
.sec_restext{
	padding-left:15px;
	float:left;
	width:410px;
}
.sec_restext2{
	padding-left:15px;
	float:left;
	width:420px;
}
.q_infoArea{
	padding:20px 0 0 10px;
	width:700px;
}

table.res {
    border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
	text-align:left;
	font-size: 1em;
	color:#444444;
	width:700px;
}
table.res .td1 {
    border: 1px #cccccc solid;
    border-width: 0 0 1px 1px;
	background-color:#e70012;
}
table.res .td2 {
    padding: 5px 10px;
    border: 1px #cccccc solid;
    border-width: 0 0 1px 1px;
	width:442px;
}
table.res .td3 {
    padding: 5px 10px;
    border: 1px #cccccc solid;
    border-width: 0 0 1px 1px;
	width:140px;
	text-align:center;
	font-weight:bold;
}
.sec_comArea{
	padding:15px;
	background:#eeeeee;
	width:670px;
	_width:700px;
}
.sec_comtext{
	margin-left:20px;
	margin-top:-1.2em;
}

.repo_area{
	margin-top:20px;
	padding:5px 0 10px 0;
	border:#cccccc solid 1px;
	width:720px;
}

/*-- マイページ --*/
.myp_maxcom{
	margin-bottom:10px;
	padding:1px;
	width:220px;
	border:#e70012 solid 1px;
	text-align:center;
}
.myp_maxcom_in{
	padding:7px;
	background:url(../img/mypage/maxcom_bg.gif) repeat-x;
	border:#fcbec3 solid 1px;
}
table.myp {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	text-align:left;
	font-size: 1em;
	color:#444444;
}
.myp th{
	padding: 5px 0 5px 10px;
	background-color:#eeeeee;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}
table.myp td {
    padding: 5px 0 5px 10px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}
table.myp td p{
    font-weight:bold;
}
.myp_flaArea{
	padding:20px;
}


.logoutArea{
	padding:200px 0;
	text-align:center;
}
.flaArea1{
	padding:75px 0;
	text-align:center;
}
.rankflaArea{
	width:140px;
}

/*-- other --*/
.remindbox{
	margin-top:20px;
	padding:10px;
	background:#eeeeee;
	width:340px;
	_width:360px;
}

.pwd_chgbox{
	margin-top:10px;
	padding:15px 15px 5px 15px;
	background:#eeeeee;
	width:50%;
	_width:370px;
}
.pwd_chgtext{
	float:left;
	padding-top:5px;
	_padding-top:0px;
	width:160px;
	font-size:0.9em;
}
.pwd_chgform{
	float:left;
	padding:5px 0 0 10px;
	_padding:0 0 0 10px;
}
/*footer setting ---------------------------*/
.pagetop{
	padding:15px 20px 0;
	text-align:right;
}
.gotoHome{
	text-align:left;
}
#footer {
	width:970px;
	margin: 0 auto;
	padding:20px 5px;
	text-align: center;
}
#footer p {
	margin: 0 auto;
	font-family: verdana,sans-serif;
	font-size: 10px;
	line-height: 140%;
	color: #555;
	text-align: center;
}
.footline{
	margin-left:5px;
	_margin-left:0px;
	background-image:url(../img/common/footline.gif);
	background-repeat:repeat-x;
	width:960px;
	height:3px;
}

/*汎用スタイル*/
#wrap .mp0{margin:0px; padding:0px;line-height:0em;}
#wrap .mt5{margin-top:5px;}
#wrap .mt8{margin-top:8px;}
#wrap .mt10{margin-top:10px;}
#wrap .mt15{margin-top:15px;}
#wrap .mt20{margin-top:20px;}
#wrap .mt30{margin-top:30px;}
#wrap .mt35{margin-top:35px;}
#wrap .mt40{margin-top:40px;}
#wrap .pt5{padding-top:5px;}
#wrap .pt10{padding-top:10px;}
#wrap .pt15{padding-top:15px;}
#wrap .pt20{padding-top:20px;}
#wrap .pt30{padding-top:30px;}
#wrap .pt30{padding-top:30px;}
#wrap .pt120{padding-top:120px;}
#wrap .pt200{padding-top:200px;}
#wrap .pl5{padding-left:5px;}
#wrap .pl10{padding-left:10px;}
#wrap .pl20{padding-left:20px;}
#wrap .pl30{padding-left:30px;}
#wrap .pb5{padding-bottom:5px;}
#wrap .pb10{padding-bottom:10px;}
#wrap .pb30{padding-bottom:30px;}
#wrap .pb200{padding-bottom:200px;}
#wrap .pb120{padding-bottom:120px;}
#wrap .pb250{padding-bottom:250px;}


#wrap .he30{height:30px;}
#wrap .he55{height:55px;}
#wrap .he64{height:64px;}
#wrap .he95{height:95px;}
#wrap .he82{height:82px;}
#wrap .he108{height:108px;}
#wrap .he132{height:132px;}
#wrap .wi100{height:100px;}
#wrap .wi200{height:200px;}
#wrap .wi300{height:300px;}

.caution{ text-indent:-1em; padding:0 0 0 1em;}
.fl_lt { float: left;}
.fl_rt { float: right;}
p.left{text-align:left; float:none;}
p.right{text-align:right; float:none;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.center img{display:inline;}
.clear{clear:both;}

.next { margin:5px 0;}
.bg_gray { background-color:#eeeeee;}
.bg_gray2 { background-color:#999999;}
.bg_red { background-color:#e70012;}
.colorWhite { color:#FFFFFF;}
.colorRed { color:#e70012;}

.dashedline_b1{	border-bottom:#cccccc dashed 1px;}
.dashedline_b2{ border-bottom:#cccccc dashed 1px;}

/*popup setting ---------------------------*/
.popup_logo{
	padding:15px 20px;
}

#popup{
	background:url(../img/popup/main_bg.jpg) repeat-y;
	width:718px;
}
.popup_text{
	padding:20px 50px;
}
.popup_close{
	padding:20px;
}