/* The difference between browsers is lost, and shared. */

/* ----------------------------------------
*	The value of all elements is reset. 
---------------------------------------- */
html{	color:#000000;	background:#FFFFFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{	margin:0;	padding:0;}
table{	border-collapse:collapse;	border-spacing:0;}
fieldset,img{	border:0;}
address,caption,cite,code,dfn,em,strong,th,var{	font-style:normal;	font-weight:normal;}
li{	list-style:none;}
caption,th{	text-align:left;}
h1,h2,h3,h4,h5,h6{	font-size:100%;	font-weight:normal;}
q:before,q:after{	content:'';}
abbr,acronym {	border:0;	font-variant:normal;}
sup {	vertical-align:text-top;}
sub {	vertical-align:text-bottom;}
input,textarea,select{	font-family:inherit;	font-size:inherit;	font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}


/* ----------------------------------------
*	The value of all elements is set again. 
---------------------------------------- */
h1 {	font-size:138.5%;	/*18px much the same*/}
h2 {	font-size:123.1%;	/*16px much the same*/}
h3 {	font-size:108%;	/*14px much the same*/}
h1,h2,h3 {	margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong {	font-weight:bold; }
abbr,acronym {	border-bottom:1px dotted #000;	cursor:help;} 
em {	font-style:italic;}
blockquote,ul,ol,dl {	margin:1em;}
ol,ul,dl {	margin-left:2em;}
ol li {	list-style: decimal outside;	}
ul li {	list-style: disc outside;}
dl dd {	margin-left:1em;}
th,td {	border:1px solid #000;	padding:.5em;}
th {	font-weight:bold;	text-align:center;}
caption {	margin-bottom:.5em;	text-align:center;}
p,fieldset,table,pre {	margin-bottom:1em;}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}



/* ----------------------------------------
*	A standard font is specified. 
---------------------------------------- */
body {font:12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.5;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}


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




/* ----------------------------------------
*	ワイヤーフレーム部位別スタイル 
---------------------------------------- */
html{
	background-color:#f5f5f5;
}
div#container{
	width:820px;
	margin:0 auto;
	padding:12px 0;
	background-color:#FFF;
}
div#wrapper{
	width:795px;
	margin:0 auto;
	border:solid 1px #c8c8c8;
	padding-bottom:15px;
}

/* ----------------------------------------
*	ページスタイル　index.html
---------------------------------------- */
/*	header ヘッダー		---------------------------------------- */
div#header{
	width:795px;
	height:68px;
}
div#header h1{
	margin:0;
	padding:17px 0 0 20px; 
	float:left;
	width:150px;
}
div#header p{
	float:right;
	width:500px;
	margin:9px 13px 0 auto;
	text-align:right;
}
div#header p a{
	display:block;
	margin:3px 0 0 auto;
	background:url(../imgs/btn_header_form.png) no-repeat 0% 0%;
	text-indent:-9999px;
	width:171px;
	height:15px;
	text-align:left;
	overflow:hidden;
}

/*	col1 コンテンツ1		---------------------------------------- */
div#col1{
	width:795px;
}
div#col1 h2{
	width:795px;
	overflow:hidden;
	margin:0;
}
div#col1 h2 img{	margin-left:-1px;}
div#col1 dl#col1_keyvisual{
	width:775px;
	margin:0;
	position:relative;
	padding:22px 0 0 20px;
}
div#col1 dl#col1_keyvisual dt{
	background:url(../imgs/txt_keyvisual_safeaccess.png);
	width:266px;
	height:159px;
	text-indent:-9999px;
	margin:0 0 15px 0;
}
div#col1 dl#col1_keyvisual dd#col1_kvtxt{
	background:url(../imgs/txt_keyvisual_outline.png) no-repeat 0% 0%;
	width:332px;
	height:77px;
	text-indent:-9999px;
	margin:0 0 50px 0;
}
div#col1 dl#col1_keyvisual dd#col1_kvpic{
	position:absolute;
	top:7px;
	right:0;
}

div#col1 dl#col1_campaign{
	width:756px;
	height:129px;
	border:solid 1px #dbdbdb;
	margin:0 auto;
	position:relative;
}
div#col1 dl#col1_campaign dt,
div#col1 dl#col1_campaign dd{
	margin-left:300px;
}
div#col1 dl#col1_campaign dt{
	margin:15px 0 7px 300px;
}
div#col1 dl#col1_campaign dd a{
	display:block;
	background:url(../imgs/btn_campaign.png) no-repeat 0% 0%;
	width:338px;
	height:43px;
	margin:0 auto;
	text-indent:-8999px;
	overflow:hidden;
}
div#col1 dl#col1_campaign dd a:hover{
	background-position:0% -43px;
}
div#col1 dl#col1_campaign dd#col1_camchech{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	height:129px;
}

/*	col2 コンテンツ2		---------------------------------------- */
div#col2 h2{
	background:url(../imgs/head_embarrassment.png) no-repeat -1px 0;
	width:795px;
	height:60px;
	text-indent:-9999px;
}
div#col2 p{
	text-align:center;
	background:url(../imgs/parts_cursor.png) no-repeat 50% 100%;
	padding-bottom:40px;
}
div#col2 h3{
	background:url(../imgs/head_solution.png) no-repeat 0% 0%;
	width:583px;
	height:50px;
	text-indent:-9999px;
	margin:0 auto;
}
div#col2_content div{
	width:756px;
	margin:0 auto;
	background:url(../imgs/parts_line.png);
	padding:10px 0;
}
div#col2_content div dl{
	width:736px;
	margin:0 auto;
	background-color:#FFF;
	padding:20px 0 1px;
}
div#col2_content div dl dt{
	text-align:center;
	width:660px;
	margin:0 auto 15px;
	padding-bottom:10px;
	border-bottom:solid 1px #CCC ;
}
div#col2_content div dl dd{
	text-align:center;
	margin-bottom:15px;
}
div#col2_content div dl dd ul{	
	margin:0 auto 0 25px;
}
div#col2_content div dl dd ul li{
	list-style:none;
	float:left;
	margin:0 10px;
	width:316px;
	height:72px;
}
div#col2_content div dl dd ul li a{
	display:block;
	width:316px;
	height:72px;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	background-position:0% 0%;
}
div#col2_content div dl dd ul li a:hover{
	background-position:0% -72px;
}
div#col2_content div dl dd ul li#col2_exchange a{	background-image:url(../imgs/btn_solution_exchange.png);}
div#col2_content div dl dd ul li#col2_archive a{	background-image:url(../imgs/btn_solution_archive.png);}
div#col2_content ul#col2_campaign{
	margin:0 0 0 25px;
	padding-top:15px;
}
div#col2_content ul#col2_campaign li{
	list-style:none;
	float:left;
	width:348px;
	text-align:center;
}
div#col2_content ul#col2_campaign li#col2_camp1{
	margin-right:14px;
}
div#col2_content ul#col2_campaign li a{
	display:block;
	width:348px;
	height:49px;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	background-position:0% 0%;
}
div#col2_content ul#col2_campaign li#col2_camp1 a{	background-image:url(../imgs/btn_campaign_trial.png);}
div#col2_content ul#col2_campaign li#col2_camp2 a{	background-image:url(../imgs/btn_campaign_contact.png);}
div#col2_content ul#col2_campaign li a:hover{
	background-position:0% -49px;
}


/*	col3 コンテンツ3		---------------------------------------- */
div#col3 h2{
	background:url(../imgs/head_6points.png) no-repeat -1px 0;
	width:795px;
	height:60px;
	text-indent:-9999px;
}
div#col3 dl{
	height:170px;
	width:358px;
	float:left;
	margin:0;
	padding:15px 20px 0 0;
	border:solid 1px #CCC;
}
div#col3 dl dt{
	border-bottom:solid 1px #66b7e6;
	margin-bottom:10px;
}
div#col3 dl dd{ margin:0; padding-left:5px;}
div#col3 dl dd img{
	float:right;
	margin:0 10px;
}
div#col3 dl#point02 dd img{margin:0px;}
div#col3 dl#point06 dd img{margin-right:15px;}
div#col3 dl#point01,
div#col3 dl#point03,
div#col3 dl#point05{
	clear:left;
	border-width:0 1px 1px 0;
	margin-left:20px;
}
div#col3 dl#point02,
div#col3 dl#point04,
div#col3 dl#point06{
	padding:15px 0 0 20px;
	border-width:0 0 1px 0;
}
div#col3 dl#point05,
div#col3 dl#point06{
	border-bottom:none;
}	
div#col3 p{
	text-align:center;
}
div#col3 ul{
	width:756px;
	margin:0 auto;
	background:url(../imgs/parts_line.png);
	padding:15px 0;
}
div#col3 ul li{
	list-style:none;
	float:left;
	width:348px;
	text-align:center;
}
div#col3 ul li#col3_camp1{
	margin:0 14px 0 21px;
}
div#col3 ul li a{
	display:block;
	width:348px;
	height:49px;
	text-indent:-9999px;
	overflow:hidden;
	background-position:0% 0%;
	text-decoration:none;
}
div#col3 ul li#col3_camp1 a{	background-image:url(../imgs/btn_campaign_trial.png);}
div#col3 ul li#col3_camp2 a{	background-image:url(../imgs/btn_campaign_contact.png);}
div#col3 ul li a:hover{	background-position:0% -49px;}

/*	footer フッター		---------------------------------------- */
div#footer{
	text-align:center;
	padding-top:20px;
}
div#footer a#foot-inq{
	display:block;
	background:url(../imgs/btn_footer_form.png) no-repeat 0% 0%;
	width:171px;
	height:15px;
	text-indent:-9999px;
	overflow:hidden;
	margin:10px  auto;
}

/* IE6 css fixer */
/* ============================================= */
/* safe settings                                 */
/* add display:inline to floated elements */
div#header h1,
div#header p,
div#col2_content div dl dd ul li,
div#col3 dl,
div#col3 dl dd img,
div#col2_content ul#col2_campaign li,div#col3 ul li {display:inline;}

/* add zoom:1 to overflow:hidden */
div#col1 h2,
div#col1 dl#col1_campaign dd a,
div#col2_content div dl dd ul li a,
div#footer a,
div#col2_content ul#col2_campaign li a,div#col3 ul li a {zoom:1;}

/* fix negative margins */
div#col1 h2 img {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
div#col1 dl#col1_keyvisual,
div#col1 dl#col1_campaign {zoom:1;}


/* ============================================= */
/* potentially harmful settings                  */
/* add zoom:1 to backgrounds -- Manually check for problems with inline elements! */
div#header p a,
div#col1 dl#col1_keyvisual dt,
div#col1 dl#col1_keyvisual dd#col1_kvtxt,
div#col1 dl#col1_campaign dd a,
div#col2 h2,
div#col2 p,
div#col2 h3,
div#col2_content div,
div#col3 h2,
div#col3 ul,
div#footer a {zoom:1;}



@media print{
body{	border:0;	margin:0;	padding:0;}
body *{	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
code,pre{	font-family:"Courier New", Courier, mono;}
body{	font-size:9pt;}
h1,h2,h3,h4,h5,h6{	page-break-after:avoid;}
/*abbr[title]:after,acronym[title]:after{content:'(' attr(title) ')'}
a[href^="http:"],a[href^="https:"]{padding-left:0;background-image:none}
a[href]:after{content:" <URL: "attr(href)">";color:#444;background:inherit;font-style:italic}*/
}