@charset "Shift_JIS";
/*------------------------------------------------
 * Title : layout.css
 * Author: 
 *Last Update 2013/09/13 BBSS-S.G
-------------------------------------------------*/


/*------------------------------------------------
初期設定
------------------------------------------------*/

html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, tr, td, img, form, fieldset, legend {
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: 0;
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(../images/body_bg01.png);
	background-repeat: repeat-x;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif;
	line-height: 1.6em;
	font-size: 80%;
	position: relative;
	z-index: 1;
	background-color: #330000;
}
table { font-size: 100%; }
a:link, a:visited {
	color: #62AA1B;
	text-decoration: none;
}
a:hover {
	color: #61C112;
	text-decoration: underline;
}
ul, ol { margin-left: 2em; }
ul li, ol li { margin-bottom: .2em; }
.square { list-style: square; }
.noStyle { list-style: none; }
/*------------------------------------------------
typograpy
------------------------------------------------*/
.ftBold { font-weight: bold; }
.mb0{margin-bottom:0px}
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.txtCnter{text-align:center;}
.txtLeft{text-align:left;}
p, ol, ul{margin-bottom:15px;}
/*------------------------------------------------
clearfix
------------------------------------------------*/

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*------------------------------------------------
コンテナDIV
------------------------------------------------*/
#container {
	width: 840px;
	background: #FFFFFF;
	text-align: left;
	margin: 0 auto;
	padding: 0 30px;
}
#mainContent { padding: 20px 0; }
#contents { width: 840px; }
/*------------------------------------------------
グリッド
------------------------------------------------*/
.fltL{float:left;}
.fltR{float:right;}
.gridWrap{
	display:table;
	width: 100%;
}
.grid2{
	display:table-cell;
	width:50%;
	*float:left;
	*width:379px;
	border-left:2px #999999 dotted;
	padding:10px 0 10px 10px;
}
.grid3{
	display:table-cell;
	width:33%;
	*float:left;
	*width:243px;
	padding:7px;
}
.grid4{
	display:table-cell;
	width:25%;
	*float:left;
	*width:175px;
	padding:7px;
}
.grid-first{
	margin-left:0;
	border-left:none;
	padding-left:0;
	padding-right:10px;
}
.section{
	margin-bottom:30px;
}

/*------------------------------------------------
ヘッダー
------------------------------------------------*/
#logo1 { float: left; }
#logo2 { float: right; }
.bar {
	clear: both;
	padding: 20px 0;
}
.logoFujitsu { margin-left: 10px; }
.logoMycloud { margin-left: 20px; }
.logoMcafee { margin-right: 10px; }
/*------------------------------------------------
フッター
------------------------------------------------*/

#footer { text-align: center; }
.main { margin-bottom: 20px; }
/*------------------------------------------------
アコーディオン
------------------------------------------------*/
.accordion { border-top: 1px #ccc solid; }
.accordion dt, .accordion dd {
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	position: relative;
 *zoom:1;
}
.accordion dt {
	background: url(../images/q_bg01.gif) repeat-x 0 50%;
	zoom: 1;
	cursor: pointer;
	font-weight: bold;
}
.accordion .first-child { border-top: none; }
.accordion .hover { background-color: #ececec; }
.accordion dt span {
	display: block;
	padding: 14px 45px;
}
.accordion dt span { background: url(../images/arrow_q.png) no-repeat 800px 50%; }
.accordion dt.open span { background-image: url(../images/arrow_a.png); }
.accordion dd {
	display: none;
	padding: 15px 20px 10px 70px;
}
.accordion .no_q {
	position: absolute;
	top: 14px;
	left: 15px;
	padding: 0;
	color: #3366cc;
}
.accordion .no_a {
	float: left;
	margin-left: -2.5em;
 *zoom:1;
	color: #cc3333;
	font-weight: bold;
}
.accordion p{
	margin-bottom:.2em;
}
/*------------------------------------------------
アコーディオン 2段階目
------------------------------------------------*/
.accordion .accordion{
border-top:none;
}
.accordion .accordion dt{
	padding:5px 10px 5px 19px;
	background:#FAFAFA;
	margin:3px 0 0 0;
	border:1px #ccc solid;
	position:relative;
}
.accordion .accordion dt span{
	display:block;
	width:14px;
	height:14px;
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
	background:url(../images/icon_arr.png) no-repeat 0 0;
	padding:0;
}
.accordion .accordion dt.open span{
	background-position:-14px 0;
}
.accordion .accordion ol li{
	margin-bottom:2em;
}
/*----------------------------------------------
tab Menu 2013/8/14
----------------------------------------------*/
.tab_control {
	list-style: none;
	margin-left: 20px;
	margin-bottom:0;
}
.tab_control li {
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
}
.tab_control .lastList { margin-right: 0; }
.tab_control a {
	display: block;
	width: 260px;
	height: 49px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.tab_content {
	display: none;
	border: 1px #ccc solid;
	padding: 30px 29px;
}
.tab_current { display: block; }
.tab_win a { background-image: url(../images/tab_win.gif); }
.tab_win a.current { background-image: url(../images/tab_win_on.gif); }
.tab_mac a { background-image: url(../images/tab_mac.gif); }
.tab_mac a.current { background-image: url(../images/tab_mac_on.gif); }
.tab_android a { background-image: url(../images/tab_and.gif); }
.tab_android a.current { background-image: url(../images/tab_and_on.gif); }

/*----------------------------------------------
フロー
----------------------------------------------*/
.dl_flow{
	overflow: hidden;
}
.dl_flow dt{
	padding:10px 0;
	margin-bottom:15px;
	font-size:16px;
	border-bottom:2px #999999 dotted;
}
.dl_flow .noBorder{
	border-bottom:none;
}
.dl_flow dd{
	text-align:center;
	margin-bottom:30px;
}
.dl_flow dd p{
	margin-bottom:1em;
}
/*----------------------------------------------
タイトル装飾
----------------------------------------------*/
.title_red{
	background:#c3002b;
	color:#fff;
	padding:8px 10px;
	font-weight:bold;
	font-size:16px;
	margin-bottom:15px;
	*vertical-align:top;
}
.title_line{
	font-weight:bold;
	font-size:16px;
	border-bottom:2px #999999 dotted;
	line-height:1.6em;
	margin-bottom:15px;
	
}
.title_line span{
	display:block;
	line-height:1.1em;
	font-size:14px;
	font-weight:normal;
	height:3em;
}
.redText{
	font-size:16px;
	font-weight:bold;
	color:#cc0000;
}

/*----------------------------------------------
Android用矢印図
----------------------------------------------*/
.bg_white .section{
	background:#fff;
	margin-bottom:0;
	padding-bottom:30px;
}
.bg_arrow, .bg_arrow2, .bg_arrow3{
	padding-bottom:100px;
	margin-bottom:10px;
}
.bg_arrow{
	background:url(../images/guide/bg_arrow.png) no-repeat 50% bottom;
}
.bg_arrow2{
	background:url(../images/guide/bg_arrow2.png) no-repeat 50% bottom;
}
.bg_arrow3{
	background:url(../images/guide/bg_arrow3.png) no-repeat 50% bottom;
}
.bg_arrow4{
	background:url(../images/guide/bg_arrow4.png) no-repeat 50% 50%;
}
/*----------------------------------------------
注意書き
----------------------------------------------*/
div.caution{
	width:80%;
	padding:20px 20px 5px 20px;
	text-align:left;
	margin:0 auto;
	background:#ffffcc;
	border:2px #ff0000 solid;
}
div.caution p{
	text-indent:-2em;
	padding-left:2em;
}
div.caution p span{
	color:#ff0000;
	font-weight:bold;
}
p.caution{
	text-indent:-1em;
	padding-left:1em;
}
p.textRed{
	color:#f90000;
}