/*************************************************/
/************** -基本情報 ************************/
/*************************************************/
/* サイト名  ： CGM                              */
/* 作成日    ： 2008.07.07                       */
/* 最終修正日： 2008.08.22                       */
/* コーダー　： 千葉                             */
/*************************************************/



/********** --設定リセット **********/

html {
 margin : 0;
 padding : 0;
 font-size: 62.5%;
}

body {
 margin:0;
 padding:0;
 background-color:#ffffff;
 color:#444;
 font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
}

h1,h2,h3,h4,h5,h6,dl,dt,dd,p,ol,ul,div,img,form,span,div{
 margin:0px;
 padding:0px;
}

h1,h2,h3,h4,h5,h6,p{
 font-size:1em;
}

img {
 border:none;
 margin:0;
 padding:0;
}

hr {
 display: block;
 clear: both;
  
}

ul,ol,dl,dt,dd {
 margin:0;
 padding:0;
}

/*********************************************/
/********** -基本設定 ************************/
/*********************************************/

/********** --ボディ **********/

body {
 background: url(/imgs/body_bg.gif) repeat-x top #fff;
 text-align: center;
 font-size: 1.2em;
}

#base {
 width: 760px;
 margin:0 auto 0;
 background:url("/imgs/main_bg.gif") repeat-y #FFFFFF;
 text-align: left;
}

/********** --リンクスタイル **********/

a:link {
 color:#0a8ea7;
 text-decoration:none;
}

a:visited {
 color:#7a6cce;
 text-decoration:none;
}

a:active {
 color:#0a8ea7;
 text-decoration:none;
}

a:hover {
 color:#ff9999;
 text-decoration:underline;
}

/********** --レイアウト **********/

.clear{clear:both;}
.right{float:right;}
.left{float:left;}
.bg_none{
 background:none;
}
.img_mrgn{
 margin:10px 0;
}
/***** --WYSIWYG編集画面背景色設定 **********/

.main_td{
 background:none #fff;
 width:540px;
}

/*********************************************/
/********** -ボディコンテンツ ****************/
/*********************************************/

/********** --見出し **********/

h1,h2,h3 {
 margin:0 0 5px;
 font-size:1.4em;
}

h4,h5,h6 {
 margin:0 0 5px;
 font-size:1.2em;
}

/********** ---h1 **********/

h1 {
 clear:both;
 margin:0 0 10px;
 padding:8px 5px 4px 15px;
 background:url("/imgs/h1.gif") left center no-repeat;
 color:#fff;
 font-size:12px;
 text-align: left;
}

h1 a:link,
h1 a:visited {
 color:#fff;
 text-decoration:none;
}

h1 a:hover {
 color:#fff;
 text-decoration:underline;
}

/********** ---h2 **********/

h2 {
 clear:both;
 margin:0 0 10px;
 padding:6px 0;
 background:#ffffff url("/imgs/h2.gif") left bottom repeat-x;
 color:#0d82ae;
 font-size:12px;
 text-align: left;
}

h2 a:link,
h2 a:visited {
 color:#0d82ae;
 text-decoration:none;
}

h2 a:hover {
 color:#0d82ae;
 text-decoration:underline;
}

/********** ---h3 **********/

h3 {
 clear:both;
 margin:0 0 10px;
 padding:10px 9px 4px;
 background:url("/imgs/h3_1.gif") left center no-repeat;
 color:#333;
 font-size:12px;
 font-weight:bold;
 text-align: left;
}

#main2 h3{
 background:url("/imgs/h3_2.gif") left center no-repeat;
}

h3 a:link,
h3 a:visited {
 color:#333;
 text-decoration:none;
}

h3 a:hover {
 color:#333;
 text-decoration:underline;
}


/********** ---h4 **********/

h4 {
 clear:both;
 margin:0 0 10px;
 padding:0 0 5px;
 background:#ffffff url("/imgs/h4.gif") left bottom no-repeat;
 color:#0d82ae;
 font-size:12px;
 font-weight:bold;
 text-align: left;
}

h4 a:link,
h4 a:visited {
 color:#0d82ae;
 text-decoration:none;
}

h4 a:hover {
 color:#0d82ae;
 text-decoration:underline;
}


/********** ---h5 **********/

h5 {
 clear:both;
 margin:0 0 10px;
 padding:5px 10px 4px;
 background:url("/imgs/h5.gif") left center no-repeat;
 border-bottom:solid 1px #333;
 color:#333;
 font-size:12px;
 font-weight:bold;
 text-align: left;
}

h5 a:link,
h5 a:visited {
 color:#333;
 text-decoration:none;
}

h5 a:hover {
 color:#333;
 text-decoration:underline;
}


/********** ---h6 **********/

h6 {
 clear:both;
 margin:0 0 10px;
 padding:3px 0 2px 12px;
 background:url("/imgs/h6.gif") left center no-repeat;
 color:#333;
 font-size:12px;
 font-weight:bold;
 text-align: left;
}

h6 a:link,
h6 a:visited {
 color:#333;
 text-decoration:none;
}

h6 a:hover {
 color:#333;
 text-decoration:underline;
}

/********** --パラグラフ **********/

p {
 margin:0 0 5px;
 line-height: 1.4em;
}


/********** --リスト **********/

ul,ol {
 margin:0 0 5px 30px;
 padding:0;
}

li{
 margin:0 0 5px;
}

dl {
 margin:0 0 5px;
}

dd {
 margin:0 0 0 15px;
 padding:0;
}

#menu_area dd,
#footer_menu li{
 list-style:none;
 padding:0 0 0 12px;
 background: url("/imgs/arrw1.gif") no-repeat left center;
}
/********** --水平線 **********/

hr {
 display: block;
 clear:both;
 background-color:transparent;
}

/********** --表 **********/
/***** ---パターンA *****/
.table_a {
 border-top:1px solid #b1b1b1;
 border-left:1px solid #b1b1b1;
 border-collapse:collapse;
 border-spacing:0;
 table-layout:fixed;
}

.table_a caption {
 padding: 3px 3px 3px 18px;
 background: url("/template/1020/img/tablecaption.gif") no-repeat 0px  5px;
 color:#666;
 font-weight:normal;
}

.table_a_th {
 border-top:1px solid #b1b1b1;
 border-left: 1px solid #b1b1b1;
 border-right:1px solid #b1b1b1;
 border-bottom: 1px solid #b1b1b1;
 background:url(/imgs/tbl_a.gif) repeat-x left top #dfdfdf;
  color: #0d82ae;
 font-weight:bold;
 text-align: left;
}

.table_a_th2 {
 padding:5px;
 border:1px solid #b1b1b1;
 border-bottom: 1px solid #b1b1b1;
 background-color:#eee;
 color: #666;
 text-align: left;
 line-height: 1.4em;

}

.table_a_td {
 padding:5px;
 border-top:1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right:1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background-color: #ffffff;
 color: #666;
 text-align: left;
 line-height: 1.4em;
}


/***** ---パターンB *****/
.table_b {
 border-top:1px solid #ddd;
 border-left:1px solid #ddd;
 border-right:1px solid #ddd;
 border-bottom:1px solid #ddd;
 border-collapse:collapse;
 border-spacing:0;
}

.table_b caption {
 padding: 3px 3px 3px 18px;
 background: url("/template/1020/img/tablecaption.gif") no-repeat 0px  5px;
 color:#666;
 font-weight:normal;
}

.table_b_th {
 border-top:1px solid #ddd;
 border-left: 1px solid #ddd;
 border-right:1px solid #fff;
 border-bottom: 1px solid #ddd;
 background:url(/imgs/tbl_b.gif) repeat-x top left #e3e3e3;
 color: #fff;
 font-weight:bold;
 text-align: left;
}
 
.table_b_th2 {
 padding:5px;
 border-top:1px solid #ddd;
 border-left: 1px solid #ddd;
 border-right:1px solid #ddd;
 border-bottom: 1px solid #ddd;
 background-color:#fff;
 color: #0d82ae;
 text-align: left;
}

.table_b_td {
 padding:5px;
 border-top:1px solid #ddd;
 border-left: 1px solid #ccc;
 border-right:1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background-color: #fff;
 color: #666;
 text-align: left;
 line-height: 1.4em;
}


/***** ---パターンC *****/

.table_c {
 border-top:1px solid #b1b1b1;
 border-left:1px solid #b1b1b1;
 border-collapse:collapse;
 border-spacing:0;
}

.table_c caption {
 padding: 3px 3px 3px 18px;
 background: url("/template/1020/img/tablecaption.gif") no-repeat 0px  5px;
 color:#333333;
 font-weight:normal;
}

.table_c_th {
 border-top:1px solid #b1b1b1;
 border-left: 1px solid #b1b1b1;
 border-right:1px solid #b1b1b1;
 border-bottom: 1px solid #b1b1b1;
 background:url(/imgs/tbl_c.gif) repeat-x top left;
 color: #333333;
 text-align: left;
}
 
.table_c_th2 {
 padding:5px;
 border-top:1px solid #b1b1b1;
 border-left: 1px solid #b1b1b1;
 border-right:1px solid #b1b1b1;
 border-bottom: 1px solid #b1b1b1;
  background:url(/imgs/tbl_a.gif) repeat-x top center #e3e3e3;
 color: #333333;
 text-align: left;
}

.table_c_td {
 padding:5px;
 border-top:1px solid #b1b1b1;
 border-left: 1px solid #b1b1b1;
 border-right:1px solid #b1b1b1;
 border-bottom: 1px solid #b1b1b1;
 background-color: #fff;
 color: #666;
 text-align: left;
 line-height: 1.4em;
}


/** その他 **/

/********** --パーツ挿入 **********/

/***** ---ベースA *****/

.listbox_a {
	border: #cccccc 4px solid;
	background: #ffffff;
         margin:5px 0;
         padding:0;
	}

.listbox_a ul{
  margin:5px 5px 5px 15px;
 padding:0 0 0 0px;
 }

.listset_a1_li {
 list-style:none;
 margin:5px 0 5px 0px;
 padding:0 0 0 10px;
 background:url(/imgs/arrw2.gif) no-repeat 0 4px;
 border-bottom:dotted 1px #ccc;
 font-size:12px;
}


.listset_a2_li {
 margin:0 0 0 5px;
 padding:0 0 0 0px;
}

/***** ---ベースB *****/

.listbox_b {
	border: #888 1px solid;
	background: url(/imgs/list_bg.gif) #fff repeat-y;
         list-style:none;
         margin:5px 0;
         padding:0;
	}

.listbox_b ul{
  margin:5px 5px 5px 15px;
 padding:0 0 0 0px;
 }

.listset_b1_li {
 background:url(/imgs/arrw3.gif) no-repeat 0 4px;
 list-style:none;
 margin:5px 0 5px 0px;
 padding:0 0 0 10px;
 font-size:12px;
}


.listset_b2_li {
}

/***** ---トピックリスト *****/

/** パターン5 **/
.pagetitle_a {

}

/** パターン6 **/
.pagetitle_b {
 background:URL(/template/1020/img/listicon_b1.gif) no-repeat 0px 3px;
}

/***** ---サイトマップ *****/

/** パターン3・4 **/
.titletext_level1{
 background:URL(/template/1020/img/listicon_b2.gif) no-repeat 0px 1px;
}

.titletext_level2{
 background:URL(/template/1020/img/listicon_b2.gif) no-repeat 0px 1px;
}


/***** ---フレームA *****/
.frame_a {
 	border:solid 1px #ccc;
}




/***** ---フレームB *****/
.frame_b_outer {
	padding: 3px 1px 3px 1px;
 	background: #507FAA ;
}
.frame_b_inner {
	background: #ffffff;
	margin:0px;
	padding:2px;
}

/*********************************************/
/********** -スキンデザイン*******************/
/*********************************************/


/********** --ヘッダー **********/
#header{
 width:760px;
 height:72px;
 margin:0;
 padding:0;
 background: url("/imgs/header_bg.gif") left top no-repeat #eee;
 text-align:left;
}

#header_txt{
 display:block;
 overflow: hidden;
 width:732px;
 height: 20px;
 margin:0 21px 0 7px;
 padding: 0;
 background: none;
 color: #666;
 font-weight:normal;
 font-size: 10px;
 text-align:right;
}

#header_txt span{
 display:block;
 padding:5px 0 0;
}

#header_logo {
 display:block;
 float:left;
 width:122px;
 height:35px;
 margin:0 0 0 5px;
 padding:0;
 background:none;
}

#header_logo a{
 display:block;
 width:122px;
 height:35px;
 padding:0;
 cursor:pointer;
}

#header_logo span{
 display:block;
 text-indent:-10000em;
 overflow:hidden;
}

#header_menu{
 padding:0 15px 0 0;
}


#header_menu a{
 display:block;
 float:right;
 width:154px;
 height:34px;
 margin:5px 0 0 0;
 padding:0;
 background:none;
 text-indent:-10000em;
 overflow:hidden;
 background: url("/imgs/inquiry_btn.gif") left top no-repeat;
}

#header_menu a:hover{
 background: url("/imgs/inquiry_btn.gif") left bottom no-repeat;
}

/********** --メインナビゲーション **********/

/***** ---メインメニュー *****/
#main_menu{
 clear:both;
 width:760px;
 height:32px;
 margin: 0;
 padding: 0;
 background: url("/imgs/menu_bg.gif") left top no-repeat #fff;
}

#main_menu ul{
 margin: 0 0 0 17px;
 padding: 0;
}

#main_menu li{
 display:block;
 list-style:none;
 float: left;
 width:121px;
 height:32px;
 margin: 0;
 padding: 0;
}

#main_menu li a{
 display:block;
 height:32px;
 margin:0;
 padding:0;
 cursor:pointer;
}


#main_menu li span{
 display:block;
 width:100%;
 height:32px;
 text-indent:-1000em;
 overflow:hidden;
}

#menuon_1 a{
 width:121px;
 background: url("/imgs/on_1.gif") left top no-repeat;
}

#menuoff_1 a{
 width:121px;
 background: url("/imgs/ov_1.gif") left top no-repeat;
}

#menuoff_1 a:hover{
 width:121px;
 background: url("/imgs/ov_1.gif") left bottom no-repeat;
}

#menuon_2 a{
 width:121px;
 background: url("/imgs/on_2.gif") left top no-repeat;
}

#menuoff_2 a{
 width:121px;
 background: url("/imgs/ov_2.gif") left top no-repeat;
}

#menuoff_2 a:hover{
 width:121px;
 background: url("/imgs/ov_2.gif") left bottom no-repeat;
}
#menuon_3 a{
 width:121px;
 background: url("/imgs/on_3.gif") left top no-repeat;
}

#menuoff_3 a{
 width:121px;
 background: url("/imgs/ov_3.gif") left top no-repeat;
}

#menuoff_3 a:hover{
 width:121px;
 background: url("/imgs/ov_3.gif") left bottom no-repeat;
}
#menuon_4 a{
 width:121px;
 background: url("/imgs/on_4.gif") left top no-repeat;
}

#menuoff_4 a{
 width:121px;
 background: url("/imgs/ov_4.gif") left top no-repeat;
}

#menuoff_4 a:hover{
 width:121px;
 background: url("/imgs/ov_4.gif") left bottom no-repeat;
}
#menuon_5 a{
 width:121px;
 background: url("/imgs/on_5.gif") left top no-repeat;
}

#menuoff_5 a{
 width:121px;
 background: url("/imgs/ov_5.gif") left top no-repeat;
}

#menuoff_5 a:hover{
 width:121px;
 background: url("/imgs/ov_5.gif") left bottom no-repeat;
}
#menuon_6 a{
 width:121px;
 background: url("/imgs/on_6.gif") left top no-repeat;
}

#menuoff_6 a{
 width:121px;
 background: url("/imgs/ov_6.gif") left top no-repeat;
}

#menuoff_6 a:hover{
 width:121px;
 background: url("/imgs/ov_6.gif") left bottom no-repeat;
}



/********** --トップビジュアル **********/

#main_visual{
 clear:both;
 width:760px;
 height:215px;
 margin:0;
 padding:0;
 background:url("/imgs/topimg_bg.gif") no-repeat #aaa;
}

/********** --ページ見出し **********/

#page_h{
 clear:both;
 width:760px;
 height:130px;
 margin:0;
 padding:0;
 background:url("/imgs/page_h.gif") no-repeat #aaa;
}

#page_h h1{
 display:block;
 margin:0 17px 0 21px;
 padding:25px 0 5px;
 background:none;
 border-bottom:solid 2px #83c6df;
 color:#0d82ae;
 font-size:16px;
 font-weight:bold;
}

#page_h p{
 margin:15px 60px 0 21px;
 background:none;
 color:#666;
 font-size:12px;
}


/********** --トピックパス **********/

p.topicpath{
 clear:both;
 margin:0 20px 20px 21px;
 width:719px;
 font-size:10px;
 text-align:left;
}

p.topicpath a{
 color:#0a8ea7;
 text-decoration:underline;
}

p.topicpath a:hover{
 color:#ed940c;
 text-decoration:underline;
}

p.topicpath a:visited{
 text-decoration:underline;
}



/*********************************************/
/********** -ボディコンテンツ ****************/
/*********************************************/

div#content{
 width:760px;
 margin:0;
 padding:20px 0 0;
}

div#content1{
 width:760px;
 margin:0;
 padding:0;
}

/********** --メイン **********/
/********** ---トップ **********/
#main{
 float:left;
 width:550px;
 height:auto;
 margin:0 0 0 0;
 padding:0;
 text-align:left;
 color:#666;
}

#main2{
 float:left;
 width:720px;
 height:auto;
 margin:0 0 0 0;
 padding:0;
 text-align:left;
 color:#666;
}

.c_area{
 height:auto;
 margin:0 0 20px 21px;
}

.c_area p{
 margin:10px 5px;
}

/********** ---サイドなし **********/

/********** --ページ内目次 **********/
h1.index{
 background:url(/imgs/page_menu.gif) #909090 repeat-y left top;
 border-top:solid 2px #c0c0c0;
 border-bottom:solid 2px #c0c0c0;
 margin:0;
}

.index_box{
 background:#eee;
 padding:5px;
 margin:0 0 25px;
}

.index_box ul{
 margin:5px 0 0;
 padding:0;
}

.index_box li{
 list-style:none;
 float:left;
 margin:0 5px 5px 5px;
 padding:0 0 0 10px;
 background:url(/imgs/arrw4.gif) no-repeat left center;
 }

.index_box li a:visited{
 color:#0a8ea7;
 }


/*********************************************/
/********** -サイドコンテンツ ****************/
/*********************************************/


/********** --サイドメニュー **********/
#side_right{
 width:187px;
 height:auto;
 float:right;
 text-align:left;
}

#page_1{
 display:none;
}


/***** ---ナビゲーション *****/

#side_menu{
 margin:0 0 10px 0;
 padding:0;
}

#side_menu dl{
 margin:0 0 10px;
 padding:0 0 12px;
 background:url("/imgs/side_menu_bg.gif") no-repeat bottom left;
}

#side_menu dt{
 display:block;
 margin:0;
 padding:0;
 width:170px;
 height:42px;
 text-align:left;
}

#side_menu dt a{
 display:block;
 margin:0;
 padding:0;
 width:170px;
 height:42px;
 background:url("/imgs/side_btn1.gif") no-repeat top left;
}

#side_menu dt a:hover{
 background:url("/imgs/side_btn1.gif") no-repeat bottom left;
 text-decoration:none;
}

#side_menu dt span{
 display:block;
 padding:19px 0 0 7px;
 color:#333;
 font-size:12px;
 font-weight:bold;
}

#side_menu dd{
 display:block;
 margin:0;
 padding:0;
 width:170px;
 height:auto;
 text-align:left;
 }

#side_menu dd a{
 display:block;
 margin:0;
 padding:0;
 width:170px;
 height:auto;
 background:url("/imgs/btn_bg.gif") no-repeat center left;
}

#side_menu dd a:hover{
 background:url("/imgs/btn_on_bg.gif") no-repeat center left;
 text-decoration:none;
}

#side_menu dd span{
 display:block;
 color:#333;
 font-size:12px;
 font-weight:normal;
 padding:10px 5px 10px 25px;
}


#side_menu dd.smenu_on{
 background:url("/imgs/side_btn2_ov.gif") no-repeat bottom left;
 text-decoration:none;
 font-weight:normal;
}

#side_menu dd.smenu_off{
 background:url("/imgs/side_btn2.gif") no-repeat bottom left;
 text-decoration:none;
 font-weight:normal;
}


#side_menu dd.smenu_on a{
 background:url("/imgs/btn_on_bg.gif") no-repeat center left;
 text-decoration:none;
 font-weight:normal;
}

#side_menu dd.smenu_on a span{
  color:#0d82ae;
}

/***** ---導入事例 *****/

#root_4{
 display:none;
}

#case{
 margin:0 0 10px;
 padding:0 0 10px;
 width:170px;
 height:auto;
 background:url("/imgs/menu_case_bg4.gif") no-repeat bottom left;
}

#case dl{
 display:block;
 width:150px;
 margin:0;
 padding:0;
 background:url("/imgs/menu_case_bg3.gif") repeat-y top left;
}

#case dt{
 display:block;
 width:170px;
 margin:0;
 padding:0;
 background:url("/imgs/menu_case_bg1.gif") no-repeat top left;
 text-align:center;
}

#case dt a{
 display:block;
 margin:0;
 padding:0;
 overflow:hidden;
}

#case dt span{
 display:block;
 text-indent:-10000ex;
 margin:0;
 width:170px;
 height:41px;
 overflow:hidden;
}

#case dd{
 display:block;
 margin:0;
 padding:5px 0;
 width:170px;
 min-height:30px;
 text-align:left;
 background:url("/imgs/menu_case_bg2.gif") no-repeat bottom left;
 font-size:10px;
}
#case dd img{
 margin:0 3px;
 vertical-align:middle;
}

/***** ---バナー *****/

#side_right p a span{
 display:block;
 text-indent:-10000em;
 overflow:hidden;
}


/***** お問い合わせ・資料請求 *****/

#bnr_inquiry{
 display:block;
 width:170px;
 height:32px;
 margin:0 0 10px;
 padding:0;
}

#bnr_inquiry a{
 display:block;
 width:170px;
 height:32px;
 margin:0;
 padding:0;
 background:url(/imgs/bnr_inquiry.gif) left top no-repeat; 
}

#bnr_inquiry a:hover{
 background:url(/imgs/bnr_inquiry.gif) left bottom no-repeat; 
}

/***** お見積もり *****/

#bnr_estimate{
 display:block;
 width:170px;
 height:32px;
 margin:0 0 10px;
 padding:0;
}

#bnr_estimate a{
 display:block;
 width:170px;
 height:32px;
 margin:0;
 padding:0;
 background:url(/imgs/bnr_estimate.gif) left top no-repeat; 
}

#bnr_estimate a:hover{
 background:url(/imgs/bnr_estimate.gif) left bottom no-repeat; 
}


/***** SNS・CMSのブログ *****/

#bnr_blog{
 display:block;
 width:170px;
 height:43px;
 margin:0 0 10px;
 padding:0;
}

#bnr_blog p{
 display:block;
 width:170px;
 height:43px;
 padding:0;
}

#bnr_blog p a{
 display:block;
 width:170px;
 height:43px;
 margin:0;
 padding:0;
 background:url(/imgs/bnr_blog.gif) left top no-repeat; 
}


#bnr_blog ul{
 display:block;
 list-style:none;
 margin:0;
 padding:0;
 color:#888;
}

/***** セットのブログ *****/
#bnr_set{
 width:170px;
 height:auto;
 margin:0 0 10px;
 padding:0;
}



#bnr_set p {
 display:block;
 width:170px;
 height:43px;
 margin:0;
 padding:0;
}

#bnr_set p a{
 display:block;
 width:170px;
 height:43px;
 margin:0;
 padding:0;
 background:url(/imgs/bnr_set.gif) left top no-repeat; 
}

#bnr_set ul{
 display:block;
 list-style:none;
 margin:0;
 padding:0;
 color:#888;
}



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

#footer {
clear:both;
width: 760px;
height: auto;
margin:0;
padding:0;
background: url("/footer_img/footer_bg.gif") left bottom no-repeat #fff;
border-top:solid 1px #ccc;
}

#footer a:link {
 color:#666;
}

#footer a:visited {
 color:#999;
}

#footer a:hover {
 color:#666;
 text-decoration:none;
}


/***** ---ロゴ *****/
#footer h2{
display:block;
float:left;
width: 116px;
margin:17px 13px 0 0;
padding:0;
background: url("/footer_img/footer_logo.gif") right top no-repeat;
}

#footer h2 a{
display:block;
width:96px;
margin:0 0 0 20px;
cursor:pointer;
}

#footer h2 a:hover{
border:none;
}

#footer h2 span{
display:block;
text-indent:-1000em;
overflow:hidden;
}

/***** ---フッターメニュー *****/
#footer_menu{
 float:left;
 width:600px;
 margin:14px 0 0 0px;
 padding:0 0 2px;
 border-bottom: solid 1px #ccc;
 font-size:10px;
}

#footer_menu li{
 float:left;
 margin:0 10px 0 0;
}

#footer_menu a:hover{
 border-bottom : dotted 1px #999;
}

/***** ---フッターリンク *****/
#footer_link{
 clear:both;
 float:left;
 width:682px;
 margin:0 0 0 0;
 font-size:10px;
}

#footer_link ul,
#footer_link dl{
 display:block;
 margin:0;
 padding:0;
 clear:both;
}

/* for Safari3 */
html:not(:only-child:only-child) #footer_link ul {
 width:400px;
}

#footer_link dl{
 margin:5px 0 0 127px;
 padding:0;
}

#footer_link li,
#footer_link dt,
#footer_link dd
{
 float:left;
 line-height:10px;
 margin:0;
 padding:0;
}

#footer_link li{
 list-style:none;
 background:url("/footer_img/list_mk2.gif") no-repeat left center;
 margin:2px 0;
 padding: 0 5px 0 4px;
}

#footer_link li.bg_none{
 background:none;
}

dt#l_spc1{
 letter-spacing:0.38em;
}

#footer_link dt span{
 padding:0 0 0 2px;
}


#footer_link dd{
 margin:0;
}
#footer_link a:hover{
 border-bottom : dotted 1px #999;
}


/***** ---Pマーク *****/

#p_mark{
display:block;
width:56px;
height:56px;
margin:0;
float:left;
}


#p_mark a{
display:block;
width:56px;
height:56px;
background: url("/footer_img/p_mark.gif") left top no-repeat;
cursor:pointer;
}

#p_mark span{
display:block;
text-indent:-1000em;
over-flow:hidden;
}


/***** ---コピーライト *****/

#cms_bnr{
float:right;
width:164px;
margin:10px 0 0 5px;
padding:0;
background: url("/footer_img/cms_bnr.gif") left top no-repeat;
}

#cms_bnr a{
width:147px;
padding:0;
}

#cms_bnr span{
display:block;
text-indent:-1000em;
over-flow:hidden;
}

#copyright{
float:right;
text-align:right;
font-size:10px;
margin:10px 0;
}

/***** ---フッター下テキスト *****/

#footerlink0 {
	width: 760px;
	padding-bottom: 5px;
	color: #aaaaaa;
	background-color: #ffffff;
	font-size: 10px;
	text-align: right;
	line-height: 1.4em;
}

#footerlink0 a {
	color: #aaaaaa;
}


/*********************************************/
/********** -ポップアップ ********************/
/*********************************************/

#header2{
	width: 584px;
	height: 44px;
	margin: 0 auto 8px;
	padding: 0;
	background: url(/imgs/popup_bg2.gif) no-repeat left bottom;
}


#logo2 span{
	display:block;
	overflow:hidden;
	text-indent:-10000em;
	width:0;
}

#ttl2{
	font-size:16px;
	line-height:1.2em;
	font-weight:normal;
	text-align:left;
         color:#0d82ae;
	margin: 0 0 0 32px;
	width:540px;
	padding:0;
	font-weight:bold;	
}

#titlearea2{
	background: url(/imgs/popup_bg1.gif) no-repeat left top #efefef;
	height:55px;
	margin:0 auto 15px;
	border-bottom:1px solid #bbbbbb;
	padding:20px 0 0;
	text-align:left;
	width: 584px;}

#popupmain{
	clear: both;
	height:auto;
	background: url(/imgs/popup_bg4.gif) repeat-y;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #bbbbbb;
	width: 584px;
}

#footer2{
	clear:both;
	text-align: right;
	font-size: 11px;
	width: 584px;
	height:40px;
	margin: 8px auto ;
	padding: 5px 0 0;
	border-top: solid 1px #bbbbbb;
	background: url(/imgs/popup_bg3.gif) no-repeat left bottom;
}

#footer2 img{
	margin:0 5px;
}

#footer2 p{
	margin:0 5px;
}

#closebtn{
	margin:15px auto;
	text-align:center;
}


/*********************************************/
/********** -ページ別 ************************/
/*********************************************/

/********** --トップ **********/

/***** ---ショートカット *****/

#box04,
#box04_2,
#box04_3{
 float:left;
 width:168px;
 background:url("/imgs/box04_bg.gif") no-repeat bottom;
}

#box04 p,
#box04_2 p,
#box04_3 p{
 margin:5px 8px 5px 12px;
}

#box04 p a,
#box04_2 p a,
#box04_3 p a{
 display:block;
 width:145px;
 height:27px;
 margin:0 0 13px;
 background:url("/imgs/btn_top.gif") no-repeat top;
}

#box04 p a:hover,
#box04_2 p a:hover,
#box04_3 p a:hover{
 background:url("/imgs/btn_top.gif") no-repeat bottom;
 text-decoration:none;
}

#box04 p span,
#box04_2 p span,
#box04_3 p span{
 display:block;
 padding:4px 0 0 24px;
}

#box04_2,
#box04_3{
 margin:0 0 0 12px;
}

#box04 h2{
 display:block;
 width:168px;
 height:88px;
 background:url("/imgs/logo_sns2.gif") no-repeat top;
 text-indent:-10000ex;
 overflow:hidden;
}

#box04_2 h2{
 display:block;
 width:168px;
 height:88px;
 background:url("/imgs/logo_set2.gif") no-repeat top;
 text-indent:-10000ex;
 overflow:hidden;
}

#box04_3 h2{
 display:block;
 width:168px;
 height:88px;
 background:url("/imgs/logo_cms2.gif") no-repeat top;
 text-indent:-10000ex;
 overflow:hidden;
}

#box04 h2 a,
#box04_2 h2 a,
#box04_3 h2 a {
 display:block;
 width:168px;
 height:88px;
}


#mobile_bnr{
 clear:both;
 padding:8px 0 0;
}

#mobile_bnr h2{
 display:block;
 width:528px;
 height:62px;
 margin:0;
 padding:0;
 background:url("/imgs/mobile_bnr.gif") no-repeat top;
}

#mobile_bnr h2 a{
 display:block;
 width:528px;
 height:62px;
 text-indent:-9999px;
 overflow:hidden;
}

/***** ---リンクリスト *****/

#linklist01{
 clear:both;
 margin:0;
 padding:10px 0 0;
}

#linklist01 ul{
 margin:0;
 padding:0;
}

#linklist01 h3{
 display:block;
 float:left;
 width:200px;
 margin:17px 5px 0;
 padding:0;
 background:none;
}

#linklist01 #rss01,
#linklist01 #all01{
 float:right;
}


#linklist01 li{
 list-style:none;
 margin:0;
 padding:5px 0;
 background:url("/imgs/dot2.gif") repeat-x bottom;
}

#linklist01 #list_ttl01{
 width:532px;
 height:43px;
 margin:0 0 5px;
 background:url("/imgs/linklist1_bg.gif") no-repeat;
}

#list_ttl01 #btn_rss{
 display:block;
 float:right;
 width:20px;
 height:13px;
 margin:17px 5px 0 1px;
}

#list_ttl01 #btn_rss a{
 display:block;
 width:20px;
 height:13px;
 background:url("/imgs/btn_rss.gif") no-repeat;
 cursor:pointer;
}


#list_ttl01 #btn_news{
 display:block;
 float:right;
 width:46px;
 height:13px;
 margin:17px 0 0 1px;
}

#list_ttl01 #btn_news a{
 display:block;
 width:46px;
 height:13px;
 background:url("/imgs/btn_news.gif") no-repeat;
 cursor:pointer;
}

#list_ttl01 #btn_smnr{
 display:block;
 float:right;
 width:59px;
 height:13px;
 margin:17px 0 0 1px;
}

#list_ttl01 #btn_smnr a{
 display:block;
 width:59px;
 height:13px;
 background:url("/imgs/btn_smnr.gif") no-repeat;
 cursor:pointer;
}

#list_ttl01 #btn_rss span,
#list_ttl01 #btn_news span,
#list_ttl01 #btn_smnr span{
 display:block;
 text-indent:-1000em;
 overflow:hidden;
}

/***** ---目的別リンク *****/

#menu_area{
 clear:both;
 padding: 15px 0 ;
 background:url("/imgs/m_area_bg.jpg") no-repeat #d6edf7;
}

#menu_area dl{
 display:block;
 float:left;
 width:252px;
 margin:0px;
 padding:5px 0px 10px;
}

#menu_area dl dt{
 margin:5px 0 5px 30px;
 color:#0a8ea7;
}

#menu_area dl dd{
 margin:5px 0 5px 30px;
 color:#666;
}

#m_area2{
 width:254px;
 background:url("/imgs/dot1.gif") repeat-y left top;
}


#page_1{
 display:hidden;
}





/********** --サブトップ(製品) **********/

/***** ---共通 *****/

.box01{
 border:solid 5px #ccc;
 margin:0 0 15px;
 padding:4px;
}

.box01_left{
 float:left; 
 width:140px;
 height:auto;
}
.box01_right{
 float:left; 
 width:363px;
 height:auto;
}

.more{
 float:right;
 text-align:right;
}

.more a{
 display:block;
 width:145px;
 height:27px;
 margin:0 5px 0 0;
 background:url("/imgs/btn_top.gif") no-repeat top;
}

.more a:hover{
 background:url("/imgs/btn_top.gif") no-repeat bottom;
 text-decoration:none;
}
.more span{
 display:block;
 padding:5px 0 0 24px;
 text-align:left;
}


/***** ---SNS *****/

#sns_logo1{
 display:block;
 width:118px;
 height:45px;
 margin:0;
 padding:0;
 background:url(/imgs/sns_logo.gif) no-repeat;
}

#sns_logo1 a{
 display:block;
 width:118px;
 height:45px;
 text-indent:-10000em; 
 overflow:hidden;
}

#bnr_keitai{
 display:block;
 width:117px;
 height:76px;
 margin:30px 0 0;
 padding:0;
 background:url(/imgs/bnr_keitai.gif) no-repeat;
}

#bnr_keitai a{
 display:block;
 width:117px;
 height:76px;
 text-indent:-10000em; 
 overflow:hidden;
}

/***** ---BlogSet *****/

#set_logo1{
 display:block;
 width:117px;
 height:39px;
 margin:0;
 padding:0;
 background:url(/imgs/set_logo.gif) no-repeat;
}

#set_logo1 a{
 display:block;
 width:117px;
 height:39px;
 text-indent:-10000em; 
 overflow:hidden;
}


/***** ---CMS *****/

#cms_logo1{
 display:block;
 width:117px;
 height:42px;
 margin:0;
 padding:0;
 background:url(/imgs/cms_logo.gif) no-repeat;
}

#cms_logo1 a{
 display:block;
 width:117px;
 height:42px;
 text-indent:-10000em; 
 overflow:hidden;
}

#bnr_asp{
 display:block;
 width:117px;
 height:76px;
 margin:30px 0 0;
 padding:0;
 background:url(/imgs/bnr_asp.gif) no-repeat;
}

#bnr_asp a{
 display:block;
 width:117px;
 height:76px;
 text-indent:-10000em; 
 overflow:hidden;
}

/********** --製品ラインナップ第2階層 **********/

/***** ---段組 *****/

.box02{
 clear:both;
 margin:15px 0;
}

.box02 img{
 margin:10px 0;
}

.box02_left{
 float:left;
 width:250px;
 margin:0;

}

.box02_right{
 float:right;
 width:250px;
 margin:0;
}


/***** ---段組2 *****/

#box05{
 clear:both;
 margin:15px 0 35px;
 height:auto;
 background:url(/imgs/arrw5.gif) no-repeat 50% 50%;
}

#box05 ul{
 margin:5px 5px 5px 20px;
}

#box05 img{
 margin:10px 0;
}

#box05_left{
 float:left;
 width:250px;
 height:17em;
 margin:0;
 border:solid 2px #c3ddeb;
}

#box05_right{
 float:right;
 width:250px;
 height:17em;
 margin:0;
 border:solid 2px #f0cb8a;
}

#box05_left h3{
 display:block;
 text-indent:-10000em;
 background:url(/imgs/p_summary_cms1.gif) no-repeat bottom right;
 overflow:hidden;
}

#box05_right h3{
 display:block;
 text-indent:-10000em;
 background:url(/imgs/p_summary_cms2.gif) no-repeat bottom right;
 overflow:hidden;
}




/********** --サブトップ(機能) **********/

#box07_1{
 height:150px;
 background:url(/imgs/f_sns_bg.gif) left bottom no-repeat;
}

#box07_2{
 height:150px;
 background:url(/imgs/f_set_bg.gif) left bottom no-repeat ;
}

#box07_3{
 height:150px;
 background:url(/imgs/f_cms_bg.gif) left bottom no-repeat ;
}

#box07_1 ul,
#box07_2 ul,
#box07_3 ul{
 margin:0 0 0 210px;
 list-style:none;
}

#box07_1 ul li,
#box07_2 ul li,
#box07_3 ul li{
 margin:8px 0;
 padding:0 0 0 10px;
 background:url(/imgs/arrw6.gif) no-repeat left center;
}

#bnr_keitai2{
 display:block;
 width:200px;
 height:27px;
 margin:10px 0 15px 210px;
 padding:0;
 background:url(/imgs/mobile_bnr2.gif) no-repeat;
}

#bnr_keitai2 a{
 display:block;
 width:200px;
 height:27px;
 text-indent:-10000em; 
 overflow:hidden;
}



/********** --ページ末ボタン **********/

/***** ---お問い合わせ・資料請求ボタン *****/

p.btn_shiryo{
 clear:both;
 margin:30px auto 20px;
}

.btn_shiryo a{
 display:block;
 width:376px;
 height:63px;
 margin:0 70px;
 background:url(/imgs/btn_inquiry.gif) top no-repeat;
 cursor:pointer;
}

.btn_shiryo a:hover{
 background:url(/imgs/btn_inquiry.gif) bottom no-repeat;
}

.btn_shiryo a span{
 display:block;
 width:376px;
 height:63px;
 text-indent:-10000em;
 overflow:hidden;
}

/***** ---お見積もりボタン *****/

p.btn_estimate{
 clear:both;
 margin:30px auto 20px;
}

.btn_estimate a{
 display:block;
 width:376px;
 height:63px;
 margin:0 70px;
 background:url(/imgs/btn_estimate.gif) top no-repeat;
 cursor:pointer;
}

.btn_estimate a:hover{
 background:url(/imgs/btn_estimate.gif) bottom no-repeat;
}

.btn_estimate a span{
 display:block;
 width:376px;
 height:63px;
 text-indent:-10000em;
 overflow:hidden;
}

/***** ---セミナー申込みボタン *****/

p.btn_seminar{
 clear:both;
 margin:30px auto 20px;
}

.btn_seminar a{
 display:block;
 width:376px;
 height:73px;
 margin:0 70px;
 background:url(/imgs/btn_seminar.gif) top no-repeat;
 cursor:pointer;
}

.btn_seminar a:hover{
 background:url(/imgs/btn_seminar.gif) bottom no-repeat;
}

.btn_seminar a span{
 display:block;
 width:376px;
 height:73px;
 text-indent:-10000em;
 overflow:hidden;
}

/********** ---ページトップへ **********/

p.totop{
 float:right;
 margin:20px 0 10px;
}

p.totop a{
 display:block;
 width:67px;
 height:13px;
 background:url(/imgs/totop.gif) no-repeat;
 cursor:pointer;
}

p.totop a span{
 display:block;
 text-indent:-10000em;
 overflow:hidden;
}

/********** --事例トップ **********/

.box07{
 float:left;
 width:172px;
 margin:5px 1px 10px;
 padding:0 0 10px;
 background: url(/imgs/dot2.gif) repeat-x left bottom;

}

.box07_img{
 padding:6px 7px;
 background: url(/imgs/case_wrap.gif) no-repeat left top;
}

.box07 dl{
 display:block;
 height:3.5em;
 border-top:solid 1px #fff;
 }

.box07 dt{
 margin:5px 2px 0;
 font-size:10px;
}

.box07 dd{
 margin:0 2px;
 padding:0 0 0 8px;
 background: url(/imgs/arrw3.gif) no-repeat left center;
 font-size:10px; 
line-height:12px;
}
.box07 p{
 margin:0;
}


.btn_int{
  display:block;
  height:23px;
}


.btn_int a{
  display:block;
  float:right;
  width:94px;
  height:23px;
  background: url(/imgs/case_int.gif) no-repeat;
}

.box07 .btn_int span{
 display:block;
 text-indent:-1000em;
 overflow:hidden;
}


.btn_cs{
  display:block;
  height:23px;
}


.btn_cs a{
  display:block;
  float:right;
  width:79px;
  height:23px;
  background: url(/imgs/case_detail.gif) no-repeat;
}

.box07 .btn_cs span{
 display:block;
 text-indent:-1000em;
 overflow:hidden;
}


/********** --事例(個別) **********/

#case_img img{
 margin:0 0 20px 15px;
}

.ivdl dt{
 clear:both;
 font-weight:bold;
 background: url(/pages/21/case_q.gif) no-repeat left top;
 padding:3px 0 10px 30px;
 margin:0 0 15px;
 border-bottom:1px dashed #0d82ae;
}

.ivdl dd{
 background: url(/pages/21/case_a.gif) no-repeat left top;
 margin:0 0 0 3px;
 padding:0 0 15px 25px;
}

/***** --セミナー情報　*****/

#seminar dl{
	display:block;
	padding:5px 0;
	margin:0 20px;;
}

#seminar dt{
	margin:0 0 5px;
	padding:0;
}

#seminar dd{
	margin:0 20px 20px 0;
	padding:0 20px 20px;
	line-height:1.5em;
	border-bottom:dotted 2px #ccc;

}

#seminar dd p{
	margin:0;
	padding:0 0 3px 0;
}


#seminar .pagetitle_a{
	font-weight:bold;
}


#pastseminar li{
	list-style:none;
	list-style-image:none;
}


#sbox{
	border: solid 1px #888888;
	width: 265px;
}


#sbox h3{
	background-image: none;
	font-size: 12px;
	font-weight: bold;
	color:#ffffff;
	background-color: #888888;
	margin: 0;
	padding: 5px;
	text-align: center;
}

#sbox dl{
	margin: 0;
	padding:0;
}


#sbox dl dt{
	font-weight: bold;
	padding: 0;
	margin: 5px 0;
	text-align: center;
}


#sbox dl dd{
	margin: 0;
	padding: 10px;
}

.redbold{
	color: #ff0000;
	font-weight: bold;
}

.bold{
	color: #333333;
	font-weight: bold;
}

.letter1{
	padding-right:1em;
}

/***** --セミナーページ　*****/
.spacing2{	
	padding-right:1em;
}

#seminar_table{
	width:96%;
}

#seminar_table .table_a_th2{
	text-align:center;
	width:85px;
	font-weight:bold;
	color: #0d82ae;
}


#schedule{
	margin:0;
	padding:5px;
	border-collapse:collapse;
}

#schedule th{
	width:35px;
	margin:0;
	padding:5px 5px;
	vertical-align:top;
	border-bottom:solid 1px #ddd;
	color:#666;
}

#schedule td{
	border-bottom:solid 1px #ddd;
	padding:0 5px;
	line-height:1.4em;
	color:#666;
}

#schedule td p{
	line-height:1.2em;
}

#schedule td strong{
	color:#666;
}

#pastseminar{
	overflow:scroll;
	height:300px;
}

#seminar_btn {
	padding-top: 5px;
	margin-left: 175px;
}

#seminar_btn a{
	display:block;
	width:182px;
	height:31px;
	margin:0;
	padding:0;
	text-indent:-10000em;
	background: url("/imgs/seminar_btn.gif") left top no-repeat;
}

#seminar_btn a:hover{
	background: url("/imgs/seminar_btn.gif") left bottom no-repeat;
}


/***** --個人情報　*****/

#Individual {
	margin: 0 40px 0 60px;
	padding: 20px 20px 40px;
	border: 5px solid #e5e5e5;
}

#Individual_es {
	margin: 40px 40px 0 60px;
	padding: 20px;
	border: 5px solid #e5e5e5;
}

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

div.item-line{
 width:400px;
 height:20px;
 text-align:left;
 margin:0 0 10px 15px;
}

div.item-line div.item-title{
 clear:both;
 width:115px;
 text-align:left;
 padding:0;
 margin:0;
 color:#666;
 font-weight:bold;
}


div.item-line .item-value{
 float:left;
 width:180px;
 margin:0 0 0 5px;
}

.form_style{
 padding:10px;
 border:solid 2px #68a5cc;
}

.form_style table{
 width:650px;
 clear:both;
 border-bottom:dotted 2px #68a5cc;
}

.form_style table td{
 border-top:dotted 2px #68a5cc;
}

.form_left{
 width:110px;
 color:#666;
 font-weight:bold;
}

.example {
 color:#777;
 font-size:10px;
}

.return_btn {
 margin: 0 0 0 280px;
 padding:0;
}

.return_btn a{
 display:block;
 width:145px;
 height:27px;
 background:url(/imgs/btn_top.gif) no-repeat top;
}

.return_btn a:hover{
 background:url(/imgs/btn_top.gif) no-repeat bottom;
 text-decoration:none;
}

.return_btn span{
 display:block;
 padding:5px 0 0 24px;
 text-align:left;
}


/***** --フォーム同意ボタン　*****/
.btn_agree {
 padding-left: 50px;
 float: left;
}

.btn_agree a {
 width: 220px;
 height: 53px;
 display: block;
 background: url(/imgs/agree_btn.gif) left top no-repeat;
 overflow: hidden;
 text-indent:-10000em;
}

.btn_agree a:hover {
 background: url(/imgs/agree_btn.gif) left bottom no-repeat;
}

.btn_no_agree {
 margin-left: 30px;
 _margin-left: 15px;
 float: left;
}

.btn_no_agree a {
 width: 220px;
 height: 53px;
 display: block;
 background: url(/imgs/no_agree_btn.gif) left top no-repeat;
 overflow: hidden;
 text-indent:-10000em;
}

.btn_no_agree a:hover {
 background: url(/imgs/no_agree_btn.gif) left bottom no-repeat;
}


/***** --フォーム送信ボタン　*****/
.button {
 margin-left: 230px;
 padding: 10px 0;
}

.button-submit {
 width: 190px;
 height: 46px;
 display: block;
 text-indent:-10000em;
 border:none;
 background: url(/imgs/submit_btn.gif) left top no-repeat;
 cursor:pointer;
}

.button-submit:hover {
 background: url(/imgs/submit_btn.gif) left bottom no-repeat;
}


/***** --案内図　*****/

div#drecom_add{
 margin:0 25px;
 text-align:left;
}

div#drecom_add dt{
 margin:10px 0 0;
}

dl.dl01{
 padding:10px 0 10px 12px;
 text-align:left;
}

dl.dl01 dt{
 padding:10px 0 5px;
}