@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);
* html body { behavior:url("csshover3.htc"); }

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


textsetting.css
各ブラウザでのフォントサイズの違いをなくすcss

base.css
bodyの余白や、h1h2...の余白、clearfixなど、

【common.css】
上記cssのimportや、レイアウト（大枠）を記載したcss




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


/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

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

a:link{
	color:#1D3994;
	text-decoration:underline;
}
a:visited{
	color:#1D3994;
	text-decoration:underline;
}
a:hover{
	color:#6C71AB;
	text-decoration:underline;
}
a:active{
	color:#6C71AB;
	text-decoration:underline;
}

a:hover img{
	filter		: alpha(opacity=70);
	opacity		: 0.7;
	-moz-opacity	: 0.7;
}



/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

body{
	background:#F6F6F6;
	color:#333333;
}

#container{
	width:900px;
	margin:0 auto;
	background:url(../img/common/top_boder.gif) repeat-x left top #FFFFFF;
	border-bottom:4px solid #000000;
	padding:0 15px;
}


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

#logo{
	width:216px;
	padding:25px 0 0 0;
}

#header-area{
	padding:13px 0 0 0;
	clear:both;
}

#header-area .title{
	float:left;
}

#header-area .title h1{
	font-size:122%;
	font-weight:bold;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#header-area .cyber-logo{
	float:right;
}

#logo a:hover img,
#header-area .cyber-logo a:hover img{
	filter		: alpha(opacity=100);
	opacity		: 1.0;
	-moz-opacity	: 1.0;
}


/* ------------------------------------------------------------ */
/* コンテンツ大枠 */
/* ------------------------------------------------------------ */

#contents-area{
	width:672px;
	float:right;
	margin:0 0 60px 0;
}

#contents-area .sitepath{
	font-size:77%;
	padding:5px;
	margin:0;
}

#contents-area .sitepath a:link,
#contents-area .sitepath a:visited{
	color:#333;
}
#contents-area .sitepath a:hover,
#contents-area .sitepath a:active{
	color:#666;
}

/* コンテンツの枠 */
.section{
	width:548px;
}

/* ------------------------------------------------------------ */
/* サイドエリア */
/* ------------------------------------------------------------ */

#side-area{
	width:216px;
	float:left;
	padding:0;
	margin:0;
}

#side-area .all-digi{
	padding:5px 0 20px 0;
	margin:0 0 20px 0;
	width:216px;
	border-bottom:1px solid #DE2522;
}

#side-area .side-box{
	padding:0px 0 20px 0;
	width:216px;
}

ul.form-list li{
	padding:0 0 5px 0;
	font-size:0;
}

.no-link{
	width:216px;
	padding:0 0 5px 0;
	font-size:0;
	filter		: alpha(opacity=30);
	opacity		: 0.3;
	-moz-opacity	: 0.3;
}

.phone{
	padding:10px 0;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	text-align:center;
}
/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */
#main-area{
	width:672px;	
}

#main-area .main-bgm{
	background:url(../img/common/contents_bg-middle.jpg) repeat-y left top;
	width:672px;
	margin:0;
}

#main-area .main-bgt,
#main-area .main-bgb{
	width:672px;
}

#main-area .main-bgt img,
#main-area .main-bgm img,
#main-area .main-bgb img{
	display:block;
	margin:0;
	padding:0;
}

#main-area #main-box{
	width:672px;
	padding:20px 0 5px 0;
}

#main-area #main-box-404{
	width:672px;
	padding:70px 0 5px 0;
}


h2,h3{
	width:612px;
	padding:0 0 20px 0;
}

.tt{
	margin:0 0 15px 0;
}

.tt2{
	padding:0 0 20px 0;
	border-bottom:1px solid #CCCCCC;
}

.tt2-in{
	padding:15px 0 0 0;
}

.tts{
	width:587px;
	background:url(../img/common/bg_tts.jpg) no-repeat top left;
	padding:3px 0 5px 25px;
	color:#FFFFFF;
	font-size:112%;
	font-weight:bold;
	margin:0 0 15px 0;
}

.tts2 {
	width:592px;
	background:url(../img/common/bg_tts2.gif) no-repeat bottom left;
	padding:0 0 8px 20px;
	font-size:122%;
	font-weight:bold;
	margin:0 0 15px 0;
}
.tts2 .data{
	font-weight:normal;
	font-size:77%;
}




/* ------------------------------------------------------------ */
/* セクション */
/* ------------------------------------------------------------ */

.section{
	width:612px;
	margin:0 auto 30px auto;
}

.section-half{
	width:612px;
	margin:0 auto 30px auto;
	background:url(../img/common/bg_half-box.gif) repeat-y top left;
	clear:both;
}

.section-w568{
	width:568px;
	margin:20px auto 0 auto;
	clear:both;
}

.section-w522{
	width:522px;
}

.section-w470{
	width:470px;
	margin:0 auto;
}

.section-w405{
	width:405px;
}

.section-w385{
	width:385px;
}

.section-w328{
	width:328px;
}

.section-w372{
	width:372px;
}

.section-w300{
	width:300px;
}

.section-w296{
	width:296px;
}

.section-w295{
	width:295px;
}

.section-w275{
	width:275px;
}

.section-w251{
	width:251px;
}

.section-w240{
	width:230px;
}

.section-w230{
	width:230px;
}

.section-w220{
	width:220px;
}

.section-w200{
	width:200px;
}

.section-w200-mn{
	padding-right:10px;
	width:200px;
}

.section-w190{
	width:190px;
}

.section-w166{
	width:166px;
}

.section-w125{
	width:125px;
}

.section-w90{
	width:90px;
}

/*--センター揃え-------------------------------*/
.section-tcenter{
	width:612px;
	margin:0 auto 30px auto;
	text-align:center;
}

/*--囲いあり、センター揃え-------------------------------*/
.section-coop{
	width:612px;
	padding:10px 0;
	text-align:center;
	margin:0 auto 30px auto;
	border:1px solid #CCCCCC;
}

/*--バック：グラデーション-------------------------------*/
.section-bgg-top{
	width:568px;
	padding:50px 22px 0 22px;
	margin:0 auto;
	background:url(../img/common/bg_rc-top.jpg) no-repeat top left;
	clear:both;
}

.section-bgg-bottom{
	width:612px;
	margin:0 auto 30px auto;
}


/*--バック：フレーム-------------------------------*/
.section-bgf-top,
.section-bgf-bottom{
	width:612px;
	margin:0 auto;
	clear:both;
}

.section-bgf-middle{
	width:572px;
	padding:0 20px;
	margin:0 auto;
	background:url(../img/common/bg_frame-middle.jpg) repeat-y top left;
	clear:both;
}

.section-bgfs-top,
.section-bgfs-bottom{
	width:295px;
	margin:0 auto;
	clear:both;
}

.section-bgfs-middle{
	width:255px;
	min-height:105px;
	_height:105px;
	padding:0 20px;
	margin:0 auto;
	background:url(../img/common/bg_frame-s-middle.jpg) repeat-y top left;
	clear:both;
}


/*--section内に入れるボックス-------------------------------*/
.text-box{
	margin:0 0 20px 0;
	clear:both;
}

.text-box-bbd{
	margin:0 auto 20px auto;
	padding:0 0 30px 0;
	border-bottom:1px dashed #CCCCCC;
}

.text-box-c{
	margin:0 0 20px 0;
	clear:both;
	text-align:center;
}

.text-box-mn{
	margin:0;
	clear:both;
}


/* ------------------------------------------------------------ */
/* タブ */
/* ------------------------------------------------------------ */
#tab-area{
	padding:0 22px 0 22px;
	margin:0 auto;
}

#tab-area ul#tab{
	padding:0 0 0 20px;
	margin:0;
}

#tab-area ul#tab li{
	text-align:center;
	display:block;
	float:left;
	width:168px;
	height:27px;
	padding:0;
	margin:0;
	background:url(../img/seminar/tab-bg_off.jpg) no-repeat;
	color:#FFFFFF;
}

#tab-area ul#tab li p{
	padding:5px 0 0 0;
	margin:0;
}

#tab-area ul#tab li:hover ,
#tab-area ul#tab li.select {
	text-align:center;
	display:block;
	float:left;
	width:168px;
	height:27px;
	padding:0;
	margin:0;
	background:url(../img/seminar/tab-bg_on.jpg) no-repeat;
	color:#FFFFFF;
}

.section-tab-bgg-top{
	width:568px;
	padding:50px 22px 0 22px;
	margin:0 auto;
	background:url(../img/common/bg_rc-top.jpg) no-repeat top left;
	clear:both;
}


/* ------------------------------------------------------------ */
/* ボタン/ラベル */
/* ------------------------------------------------------------ */
.a-arrow{
	width:60px;
	margin:0 auto 20px auto;
}

.btla-w562{
	width:562px;
	margin:0 auto 20px auto;
}

.btla-w502{
	width:502px;
	margin:0 auto 20px auto;
}

.btla-w441{
	width:441px;
	margin:0 auto 20px auto;
}


/* ------------------------------------------------------------ */
/* リスト */
/* ------------------------------------------------------------ */
ul.img-floaty li{
	float:left;
	width:200px;
}

ul.img-floaty li.slit-w{
	float:left;
	width:5px;
}

ul.img-floatt li{
	width:220px;
	padding:0 0 5px 0;
}

ul.arrrow-big li{
	background:url(../img/common/point_arrrow-big.gif) no-repeat 0 5px;
	padding:0 0 0 23px;
	margin:0 0 10px 0;
	font-size:122%;
	font-weight:bold;
}

ul.ls-disc{
	padding:0 0 0 15px;
}

ul.ls-disc li{
	list-style:disc;
	font-size:77%;
}

ul.ls-discf12{
	padding:0 0 0 15px;
}

ul.ls-discf12 li{
	list-style:disc;
}


ul.ls-dec{
	padding:0 0 0 20px;
}

ul.ls-dec li{
	list-style:decimal;
}

/* ------------------------------------------------------------ */
/* テーブル */
/* ------------------------------------------------------------ */
table{
	border-collapse: collapse;
	color:#333333;	
}

table th{
	background:url(../img/common/bg_table-th.jpg) repeat-x top left #CCCCCC;
	border:1px solid #999999;
	padding:5px 0;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
}

table th.t-left{
	background:url(../img/common/bg_table-th.jpg) repeat-x top left #CCCCCC;
	border:1px solid #999999;
	padding:5px 0 5px 5px;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
}


table td{
	padding:5px 0 5px 5px;
	border:1px solid #999999;
	/*text-align:left;*/
	vertical-align:middle;
}

table td.f10{
	padding:5px 0 5px 5px;
	border:1px solid #999999;
	text-align:left;
	vertical-align:middle;
	font-size:77%;
}


/* ------------------------------------------------------------ */
/* ニュースリリース*/
/* ------------------------------------------------------------ */
.news-box{
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px dashed #CCCCCC;
	clear:both;
}

table.inq{
	border-collapse: collapse;
}

table.inq td.tcon{
	padding:0 10px;
	border:1px solid #999999;
	text-align:left;
	vertical-align:top
}

table.inq th.ttcon{
	padding:0 10px;
	border:1px solid #999999;
	font-weight:normal;
	background:#CCCCCC;
	text-align:left;
	vertical-align:top
}


/* ------------------------------------------------------------ */
/* 運用案内 */
/* ------------------------------------------------------------ */
.btn_con-con{
	padding:30px 0 0 0;
	_padding:53px 0 0 0;
}

*:first-child+html .btn_con-con{
	padding:53px 0 0 0;
}

.service-box1{
	width:420px;
	margin:0 auto;
}

.service-box2{
	width:527px;
	margin:0 auto;
}

ul.img-floatw171 li{
	width:171px;
	float:left;
}

.box-bgc{
	background:#CCCCCC;
	text-align:center;
	padding:3px 0;
	font-weight:bold;
}

.type-box-top,
.type-box-bottom{
	width:296px;
	margin:0;
	padding:0;
}

.type-box-middle{
	width:270px;
	margin:0;
	padding:10px 13px;
	background:url(../img/practical/bg_frame-sr-middle.jpg) repeat-y left top;
}


/* ------------------------------------------------------------ */
/* コンテンツバンク */
/* ------------------------------------------------------------ */
.label-use{
	padding:0;
	_padding:57px 0 0 0;
}

*:first-child+html .label-use{
	padding:57px 0 0 0;
}

.step-box{
	width:612px;
	clear:both;
	margin:0 auto;
	background:url(../img/contentsbank/bg_dashed-arrow.gif) no-repeat top left;
}

.step-box-w151{
	width:151px;
	float:left;
}

.step-box-w310{
	width:310px;
	float:left;
}

.step-box-w234{
	width:234px;
	margin:0 auto;
}

.label-step{
	width:100px;
	margin:0 auto 20px auto;
}

/* ------------------------------------------------------------ */
/* 体験しようデジサイン */
/* ------------------------------------------------------------ */
.tt-split{
	width:572px;
	margin:0;
	padding:0;
}

.tt-split-box{
	width:572px;
	background:url(../img/common/tts_exp02-02.jpg) no-repeat top right;
	margin:0;
	padding:20px 0 0;
}

.tt-split-box-contents{
	width:490px;
}

/* ------------------------------------------------------------ */
/* フォーム */
/* ------------------------------------------------------------ */

table.formt{
	border-collapse: collapse;
	color:#333333;
}

table.formt th{
	background:#FFF0F0;
	border:1px solid #FFFFFF;
	width:173px;
	padding:10px 0 10px 10px;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
}

table.formt td{
	padding:10px 0 10px 5px;
	background:#F6F6F6;
	border:1px solid #FFFFFF;
	text-align:left;
	vertical-align:middle;
}

table.formt td.bo-none{
	padding:10px 0 10px 10px;
	background:#F6F6F6;
	border:none;
	text-align:left;
	vertical-align:middle;
}

table.formt td.bot-none{
	padding:5px 0 10px 10px;
	background:#F6F6F6;
	border-top:none;
	border-bottom:1px solid #FFFFFF;
	text-align:left;
	vertical-align:middle;
}

table.formt td.bob-none{
	padding:10px 0 5px 10px;
	background:#F6F6F6;
	border-top:1px solid #FFFFFF;
	border-bottom:none;
	text-align:left;
	vertical-align:middle;
}


.btn_check{
	width:100px;
	height:20px;
	margin:0 auto;
	padding:0;
}

.w80{
	width:80px;
	float:left;
}

.w315{
	width:315px;
	float:left;
}
/* ------------------------------------------------------------ */
/* ページトップ */
/* ------------------------------------------------------------ */

.pagetop-con{
	width:612px;
	padding:15px 0 5px 0;
	text-align:right;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:77%;
}

.pagetop{
	width:672px;
	padding:20px 0 0 0;
	text-align:right;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:77%;
}



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

#footer-area{
	width:900px;
	clear:both;
	margin:0 auto;
	border-top:1px solid #CCCCCC;
	padding:10px 0 20px 0;
	font-size:77%;
}

#footer-area .b-logo{
	width:300px;
	float:left;
	
}

#footer-area .b-logo  a:hover img{
	filter		: alpha(opacity=100);
	opacity		: 1.0;
	-moz-opacity	: 1.0;
}


#footer-area .footer-menu{
	float:right;
	text-align:right;
}

#footer-area .footer-menu span{
	padding:0 0 0 10px;
}

/* ------------------------------------------------------------ */
/* デザインパーツ */
/* ------------------------------------------------------------ */
.left{
	float:left;
}

.right{
	float:right;
}

img.left {
	float: left;
	margin: 0 12px 5px 0;
}

img.right {
	float: right;
	margin: 0 0 5px 12px;
}

img{
	display:block;	
}

/*--span装飾----------------------------------*/
span.arrow{
	background:url(../img/home/point_arrow.gif) no-repeat 0 4px;
	padding:0 0 0 10px;
}

span.sqare{
	background:url(../img/common/point_square.gif) no-repeat 0 2px;
	padding:0 0 0 13px;
	font-size:107%;
}

span.sqare-fs{
	background:url(../img/common/point_square.gif) no-repeat 0 3px;
	padding:0 0 0 13px;
}

span.dia{
	background:url(../img/common/point_dia.gif) no-repeat 0 0;
	padding:0 0 0 13px;
}

span.d-c{
	background:url(../img/common/point_d-circle.gif) no-repeat 0 0;
	padding:0 0 0 13px;
}

/*--span文字サイズ・カラー----------------------------------*/
span.small{
	font-size:77%;
}

span.red{
	color:#DE2522;
}

span.f14b{
	font-size:107%;
	font-weight:bold;
}

span.red-f15{
	color:#DE2522;
	font-size:136%;
	font-weight:bold;
}

span.f15b{
	font-size:114%;
	font-weight:bold;
}

span.f16b{
	font-size:122%;
	font-weight:bold;
}

span.f18{
	font-size:136%;
	padding:0 5px;
}

span.f18cb{
	font-size:136%;
	font-weight:bold;
	color:#261B46;
}

span.fcb{
	font-weight:bold;
	color:#261B46;
}

/*アップグレード情報*/
ul.form-list li.upgrade {
	margin-top:20px;
	font-size:11px;
}

table .cell-summary {
	width:115px;
}

table.upgrade .upgrade-target {
	width:50px;
}

.cell-subtitle {
	background:#666;
	color:#FFF;
	font-weight:bold;
}

.caution-upgrade {
	font-size:77%;
}

.inquiry-upgrade {
	font-size:122%;
	font-weight:bold;
	margin:10px 20px;
	padding:10px;
	background:#f6f6f6;
}

.upgrade_list {
	background:#eee;
	padding:10px;
}

.catch {
	font-size:85%;
	color:#DE2520;
	margin-bottom:0;
}

.target{
	font-size:85%;
	padding:10px;
	background:#eee;
}

.upgrade_line {
	border-bottom:1px dashed #DDDDDD;
}

.enhanced {
	background:#eee;
	padding:10px;
	text-align:left;
}


/*運用案内*/
.page-navi {
	text-align:center;
}

.page-navi ul {
	margin:0 auto; 
}

.page-navi li{
	display: inline;
	padding: 0px 0px 0px 12px;
	background:url(../img/common/point_pagenavi.gif) left 2px no-repeat;
}

/* IE用 */
* html .page-navi li{
	display: inline;
	padding-left: 1em;
}

/**/
span.ended {
	text-decoration:line-through;
}