/* ------------------------------------------------------------------------
  common
------------------------------------------------------------------------ */
body {
	margin:0 auto;
	padding:0;
	font-size:12px;
/*	font-family:"Lucida Grande",Geneva,Helvetica,Arial,Verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック",sans-serif; */
	color:#666666;
	background:#d8e0e6;
} 

* { margin: 0px; padding: 0px; }

ol, ul { list-style-type: none; }

hr { display: none; }

img { border:none; }

div.clear {
	width:100%;
	height:0px;
	margin:0;
	padding:0;
	line-height:0;
	font-size:0px;
	text-indent:-9999px;
	clear:both;
	overflow:hidden;
}
/* new clearfix */
.clearfix:after {
	width:100%;
	height:0px;
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;
	display:block;
	content: " ";
	clear:both;
	visibility:hidden;
}
* html .clearfix             { zoom:1; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */


/* float設定 */
.left { float:left; }
.right { float:right; }

/* align設定 */
.alignL { text-align:left; }
.alignR { text-align:right; }
.alignC { text-align:center; }


/* font設定 */
.nomal { font-weight: normal; }
.bold { font-weight: bold; }
.line { text-decoration:line-through; }

.line150 { line-height:1.5; }
.line190 { line-height:1.9; }

/* font-size設定 */
.text10 { font-size:85%; }
.text11 { font-size:93%; }
.text12 { font-size:100%; }
.text13 { font-size:108%; }
.text14 { font-size:116%; }
.text15 { font-size:123.1%; }
.text16 { font-size:131%; }
.text17 { font-size:138.5%; }
.text18 { font-size:146.5%; }
.text19 { font-size:153.9%; }
.text20 { font-size:161.6%; }
.text21 { font-size:167%; }
.text22 { font-size:174%; }
.text23 { font-size:182%; }
.text24 { font-size:189%; }
.text25 { font-size:197%; }
.text26 { font-size:205%; }

/* color設定 */
.red { color:#cc0000; }

/* margin設定 */
.maT10{ margin:10px 0 0 0;}
.maR10{ margin:0 10px 0 0;}
.maB8 { margin:0 0 8px 0; }
.maB14 { margin:0 0 14px 0; }
.maB20 { margin:0 0 20px 0; }
.maB25 { margin:0 0 25px 0; }

/* padding設定 */
.paL10{ padding:0 0 0 10px; }
.paL20{ padding:0 0 0 20px; }
.paL35{ padding:0 0 0 35px; }



/* ------------------------------------------------------------------------
  wrapper
------------------------------------------------------------------------ */
#wrapper {
	width:100%;
	margin:0 auto;
}


/* ------------------------------------------------------------------------
  container
------------------------------------------------------------------------ */
#containerBg {
	width:100%;
	margin:0 auto;
	background:#fafafa url(../images/common/containerBg.gif) center top repeat-x;
}
#containerBg .container_topBg {
	width:100%;
	margin:0 auto;
	background:url(../images/top/container_topBg.jpg) center top no-repeat;
}
#containerBg02 {
	width:100%;
	margin:0 auto;
	background:#fafafa;
}
#container {
	width:1000px;
	margin:0 auto;
	padding:10px 0 0 0;
}
#container span{
	display:none;
} 


/*------------------------------------------------------------------------
  header
------------------------------------------------------------------------ */
#header {
	width:1000px;
	margin:0 auto;
} 
#header .header_top{
	width:980px;
	margin:0 auto 15px auto;
} 
#header .header_top h1{
	width:214px;
	height:43px;
	margin:10px 0 0 0;
	float:left;
	display:inline;
	background:url(../images/common/header_logo.gif) left top no-repeat;
}
#header .header_top h1 a{
	width:214px;
	height:43px;
	display:block;
	background:url(../images/common/header_logo.gif) left top no-repeat;
}
#header .header_top .header_R{
	width:492px;
	float:right;
} 
#header .header_top .header_R .header_R_tel{
	width:207px;
	height:41px;
	margin:10px 0 0 0;
	float:left;
	background:url(../images/common/header_tel.gif) left top no-repeat;
} 
#header .header_top .header_R .header_R_btn{
	width:259px;
	height:54px;
	float:right;
	display:inline;
	background:url(../images/common/header_btn.gif) left top no-repeat;
} 
#header .header_top .header_R .header_R_btn a{
	width:259px;
	height:54px;
	display:block;
	background:url(../images/common/header_btn.gif) left top no-repeat;
} 
#header .header_top .header_R .header_R_btn a:hover{
	background:url(../images/common/header_btn_on.gif) left top no-repeat;
} 
#header .header_top .header_R .header_R_btn_fortop{
	width:259px;
	height:54px;
	float:right;
	display:inline;
	background:url(../images/common/header_btn_fortop.gif) left top no-repeat;
} 
#header .header_top .header_R .header_R_btn_fortop a{
	width:259px;
	height:54px;
	display:block;
	background:url(../images/common/header_btn_fortop.gif) left top no-repeat;
} 
#header .header_top .header_R .header_R_btn_fortop a:hover{
	background:url(../images/common/header_btn_fortop_on.gif) left top no-repeat;
} 


/* navi */
#header ul.navi {
	width:1000px;
	background:url(../images/common/naviBg.gif) left top no-repeat;
}
#header ul.navi li{
	height:48px;
	display:inline;
	float:left;
}
#header ul.navi li a{
	height:48px;
	display:block;
	float:left;
}
#header ul.navi li.navi01{
	width:142px;
	background:url(../images/common/navi01_active.gif) left top no-repeat;
}
#header ul.navi li.navi01 a{
	width:142px;
	background:url(../images/common/navi01.gif) left top no-repeat;
}
#header ul.navi li.navi01 a:hover{
	background:url(../images/common/navi01_on.gif) left top no-repeat;
}
#header ul.navi li.navi02{
	width:143px;
	background:url(../images/common/navi02_active.gif) left top no-repeat;
}
#header ul.navi li.navi02 a{
	width:143px;
	background:url(../images/common/navi02.gif) left top no-repeat;
}
#header ul.navi li.navi02 a:hover{
	background:url(../images/common/navi02_on.gif) left top no-repeat;
}
#header ul.navi li.navi03{
	width:144px;
	background:url(../images/common/navi03_active.gif) left top no-repeat;
}
#header ul.navi li.navi03 a{
	width:144px;
	background:url(../images/common/navi03.gif) left top no-repeat;
}
#header ul.navi li.navi03 a:hover{
	background:url(../images/common/navi03_on.gif) left top no-repeat;
}
#header ul.navi li.navi04{
	width:143px;
	background:url(../images/common/navi04_active.gif) left top no-repeat;
}
#header ul.navi li.navi04 a{
	width:143px;
	background:url(../images/common/navi04.gif) left top no-repeat;
}
#header ul.navi li.navi04 a:hover{
	background:url(../images/common/navi04_on.gif) left top no-repeat;
}
#header ul.navi li.navi05{
	width:144px;
	background:url(../images/common/navi05_active.gif) left top no-repeat;
}
#header ul.navi li.navi05 a{
	width:144px;
	background:url(../images/common/navi05.gif) left top no-repeat;
}
#header ul.navi li.navi05 a:hover{
	background:url(../images/common/navi05_on.gif) left top no-repeat;
}
#header ul.navi li.navi06{
	width:143px;
	background:url(../images/common/navi06_active.gif) left top no-repeat;
}
#header ul.navi li.navi06 a{
	width:143px;
	background:url(../images/common/navi06.gif) left top no-repeat;
}
#header ul.navi li.navi06 a:hover{
	background:url(../images/common/navi06_on.gif) left top no-repeat;
}
#header ul.navi li.navi07{
	width:141px;
	background:url(../images/common/navi07_active.gif) left top no-repeat;
}
#header ul.navi li.navi07 a{
	width:141px;
	background:url(../images/common/navi07.gif) left top no-repeat;
}
#header ul.navi li.navi07 a:hover{
	background:url(../images/common/navi07_on.gif) left top no-repeat;
}



/*------------------------------------------------------------------------
  contents
------------------------------------------------------------------------ */
#contents {
	width:1000px;
	margin:0 auto;
}
#main{
	width:725px;
	margin:20px 0 40px 0;
	padding:0 0 0 10px;
	float:left;
}
#side{
	width:235px;
	margin:5px 0 40px 0;
	padding:0 10px 0 0;
	float:right;
	background:url(../images/common/side_bg.gif) left top repeat-y;
}

#side .side_bgT{
	background:url(../images/common/side_bgT.gif) left top no-repeat;
}
#side .side_bgB{
	padding:30px 8px 15px 8px;
	background:url(../images/common/side_bgB.gif) left bottom no-repeat;
}
#side .sideBox{
	width:219px;
	margin:0 auto 15px auto;
	line-height:1.5;
	background:url(../images/common/side_box_bg.gif) left top repeat-y;
}
#side .sideBox .sideBoxB{
	padding:12px;
	background:url(../images/common/side_box_bgB.gif) left bottom no-repeat;
}
#side .trial_btn{
	width:219px;
	height:109px;
	margin:0 auto 15px auto;
	display:inline;
	background:url(../images/common/side_btn_trial.gif) left top no-repeat;
}
#side .trial_btn a{
	width:219px;
	height:109px;
	margin:0 auto 15px auto;
	display:block;
	background:url(../images/common/side_btn_trial.gif) left top no-repeat;
} 
#side .trial_btn a:hover{
	background:url(../images/common/side_btn_trial_on.gif) left top no-repeat;
} 
#side .demo_title{
	width:219;
	height:33px;
	background:url(../images/common/side_demo_top.gif) left top no-repeat;
}
#side .demo_btn{
	width:196px;
	height:40px;
	margin:0 0 8px 0;
	display:inline;
	background:url(../images/common/side_demo_btn.gif) left top no-repeat;
}
#side .demo_btn a{
	width:196px;
	height:40px;
	margin:0 0 8px 0;
	display:block;
	background:url(../images/common/side_demo_btn.gif) left top no-repeat;
} 
#side .demo_btn a:hover{
	background:url(../images/common/side_demo_btn_on.gif) left top no-repeat;
} 
#side dl.demo_txt{
	width:196px;
} 
#side dl.demo_txt dt{
	width:90px;
	font-weight:bold;
	display:block;
	float:left;
	clear:both;
} 
#side dl.demo_txt dd{
	width:98px;
	display:block;
	float:left;
} 
#side .contact_title{
	width:219;
	height:33px;
	background:url(../images/common/side_contact_top.gif) left top no-repeat;
}
#side .contact_txt{
	width:196px;
	height:36px;
	margin:0 0 8px 0;
	background:url(../images/common/side_contact_tel.gif) left top no-repeat;
}
#side .contact_btn{
	width:196px;
	height:42px;
	display:inline;
	background:url(../images/common/side_contact_btn.gif) left top no-repeat;
}
#side .contact_btn a{
	width:196px;
	height:42px;
	margin:0 0 8px 0;
	display:block;
	background:url(../images/common/side_contact_btn.gif) left top no-repeat;
} 
#side .contact_btn a:hover{
	background:url(../images/common/side_contact_btn_on.gif) left top no-repeat;
} 


/*------------------------------------------------------------------------
  footer
----------------------------------------- ------------------------------- */
#footer {
	width:942px;
	margin:0 auto;
	padding:15px 0;
	background:#d8e0e6;
}

/* navi */
#footer ul.navi {
	width:940px;
	margin:0 auto 15px auto;
	padding:0 0 12px 0;
	font-size:85%;
	background:url(../images/common/greyLine.gif) left bottom repeat-x;
}
#footer ul.navi li{
	width:auto;
	margin:0 60px 0 0;
	float:left;
}
/* link設定 */
#footer ul.navi li a { /*\*/ overflow:hidden; /*\*/ }
#footer ul.navi li a:link { color:#3d7399; text-decoration:none; }
#footer ul.navi li a:active { color:#3d7399; text-decoration:none; }
#footer ul.navi li a:visited { color:#3d7399; text-decoration:none; }
#footer ul.navi li a:hover { color:#3d7399; text-decoration:underline; }

#footer ul.navi li.copyright{
	width:auto;
	margin:0;
	color:#666;
	text-align:right;
	float:right;
}

/* menu */
#footer .menu {
	width:940px;
	font-size:85%;
	margin:0 auto 20px auto;
}
#footer .menu .menuList{
	width:auto;
	margin:0 32px 0 0;
	float:left;
}
/* link設定 */
#footer .menu .menuList a { /*\*/ overflow:hidden; /*\*/ }
#footer .menu .menuList a:link { color:#666; text-decoration:none; }
#footer .menu .menuList a:active { color:#666; text-decoration:none; }
#footer .menu .menuList a:visited { color:#666; text-decoration:none; }
#footer .menu .menuList a:hover { color:#666; text-decoration:underline; }
#footer .menu .menuList ul li{
	width:auto;
	margin:0 0 12px 0;
}

/* companyInfo */
#footer .companyInfo {
	width:900px;
	margin:0 auto;
	padding:13px 20px 10px 20px;
	background:#ccd3d9;
	border:1px solid #c0c6cc;
}
#footer .companyInfo ul {
	width:800px;
	float:left;
}
#footer .companyInfo ul h4{
	margin:0 0 7px 0;
	font-size:116%;
	font-weight:bold;
	color:#3d7399;
}
#footer .companyInfo ul li{
	width:800px;
	margin:0 0 7px 0;
}
#footer .companyInfo .privacyLogo{
	width:82px;
	float:right;
}




/*------------------------------------------------------------------------
  btnPagetop
------------------------------------------------------------------------ */
#btnPagetop {
	margin:0 0 40px 0;
	padding:0 0 0 15px;
	background:url(images/icon_pagetop.gif) left center no-repeat;
}
/* link設定 */
#btnPagetop a { /*\*/ overflow:hidden; /*\*/ }
#btnPagetop a:link { color:#b05490; text-decoration:underline; }
#btnPagetop a:active { color:#b05490; text-decoration:underline; }
#btnPagetop a:visited { color:#b05490; text-decoration:underline; }
#btnPagetop a:hover { color:#cd86b4; text-decoration:none; }