@charset 'shift-jis';

/* //////////////////////////////////////////////////////////
													global setting
 ////////////////////////////////////////////////////////// */

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

body {
text-align:center;
background:#ffffff url(../_img/mono_bg.gif);
font-family: "ＭＳ Ｐゴシック", "Osaka";
}

img {
border:none;
}


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

 ////////////////////////////////////////////////////////// */

div#container {
margin:0px auto;
width:650px;
background:#ffffff;	
}

div#header {
position:relative;
width:650px;
background: url(../_img/header.gif) no-repeat; 
height:80px;
}


div#content table tr td {
font-size:12px;
color:#474747;

}
div#footer {
margin:0px auto;
height:80px;
background:url(../_img/footer.gif) no-repeat center center;
claer:both;
}

div#banner {
width:640px;
margin:10px auto;
padding:30px 0px;
claer:both;
text-align:center;
}

div#banner img {
margin:0px 10px;
}

div#baner_form {
margin:20px 0px 0px 150px;
}

p{
margin:0px 0px 0px 0px;
}
/* //////////////////////////////////////////////////////////
													ヘッダー
////////////////////////////////////////////////////////// */

h1 {
position:absolute;
top:20px;
left:10px;
text-align:left;
}

p.login {
position:absolute;
right:22px;
top:28px;
}


h1 img {
vertical-align:bottom;
}

div#top_link {
background:#000000;
text-align:right;
width:350px;

}


ul.header_navi {
position:absolute;
right:23px;
top:63px;
height:11px;
line-height:11px;
font-size:0px;
padding:0px ;
margin:0px;
list-style:none;
letter-spacing: -1px;
}

ul.header_navi li {
display:inline;
font-size:11px;
line-height:11px;
vertical-align:bottom;
}

ul.header_navi li.icon {
margin:0px 0px 0px 4px;
vertical-align:bottom;
}

/* Win IE向け スターハック*/
/* IEは文字間隔が狭いので・・・ */
* html ul.header_navi li{
letter-spacing: 0px;
}
* html ul.header_navi li.icon{
margin:0px 0px 0px 0px;
line-height:50px;
}


ul.header_navi a{

font-size:11px;
color:#666666;

padding:0px 0px 0px 0px;

}

div#top_link table {
float:right;
}

div#forme_navi {
margin:0px 0px 0px0px;
width:300px;
}

div#forme_navi ul{
margin:5px;
}

div#forme_navi ul li#a{
padding:0px 3px 10px 0px;
list-style:none;
line-height:11px;
font-size:10px;
display:block;
float:left;
}
div#forme_navi ul li#b{
padding:0px 3px 10px 0px;
list-style:none;
line-height:11px;
font-size:10px;
display:block;
float:left;
}
div#forme_navi ul li#ee{
display:block;
padding:0px 0px 2px 1px;
float:left;
line-height:13px;
font-size:1px;
list-style:none;
}

div#forme_navi ul a{

font-size:11px;
color:#666666;

padding:0px 2px 0px 0px;

}

/* //////////////////////////////////////////////////////////
													コンテンツ部
 ////////////////////////////////////////////////////////// */

h2 {
text-align:top;
width:650px;
margin:6px auto 0px auto ;
clear:both;

}
h3 {
text-align:top;
margin:0px auto 0px auto ;
clear:both;

}
div#content_wide_body a {
font-size:12px;
color:#F31C61;
}
h4 {
text-align:top;

margin:0px auto 10px auto ;
clear:both;

}
div#content{
width:650px;
font-size:12px;
color:#474747;
margin:10px auto 10px auto;

}
div#content2 {
width:650px;
margin:10px auto 10px auto;


}

div#img_box1 {
width:610px;
margin:0px auto;
padding:0px 0px;
background:url(../_img/img1.gif) no-repeat right center; 
border-bottom:1px dashed #ccc;
}


div#img_box1 dl {
text-align:left;
padding:0px 300px 10px 5px;
font-size:12px;
color:666666;
line-height:17px;
}

div#img_box1 dl dd {
padding:0px 8px 10px 3px;　
}


div#img_box2 {
width:610px;
margin:10px auto;
padding:5px 0px;
background:url(../_img/img2.gif) no-repeat left center; 
border-bottom:1px dashed #ccc;
}

div#img_box2 dl {
text-align:left;
padding:0px 5px 50px 300px;
font-size:12px;
color:666666;
line-height:19px;
}

div#img_box2 dl dt {
text-align:right;
padding:0px 5px 0px 5px;
}

div#img_box2 dl dd {
padding:0px 5px 0px 5px;
}

div#img_box3 {
width:610px;
margin:0px auto;
padding:0px 0px;
background:url(../_img/img1.gif) no-repeat right center; 
border-bottom:1px dashed #ccc;
}


div#img_box3 dl {
text-align:left;
padding:0px 300px 10px 5px;
font-size:12px;
color:666666;
line-height:17px;
}

div#img_box3 dl dd {
padding:0px 5px 10px 5px;
}

/* デモ番組 */

div#d_img_box1 {
float:left;
width:315px;
margin:0px aout;
padding:0px 0px0px 0px;

}

div#d_img_box1 dl {
text-align:left;
padding:0px 0px 10px 25px;
font-size:12px;
color:666666;
line-height:17px;

}

div#d_img_box1 dl dd {
padding:0px 5px 10px 10px;

}


div#d_img_box1_r {
width:320px;
margin:0px aout;
float:right;
padding:0px 0px0px 0px;

}

div#d_img_box1_r  dl {
text-align:left;
padding:0px 0px 0px 15px;
font-size:5px;
color:666666;
line-height:17px;
}


div#d_img_box1_r  dl dd {
padding:0px 5px 0px 0px;

}
/* デモ */
div#box {
margin:10px auto 10px auto;
height:100px;


}
div#box_C {
clear:both;
}

div#t_img_box1 {
float:left;
width:315px;
padding:10px 0px 0px 15px;

}

div#t_img_box1 dt {
text-align:left;
font-size:14px;
color:F4185D;
font-weight:bold
}
div#t_img_box1 dl {
text-align:left;
padding:0px 0px 0px 15px;
font-size:12px;
color:666666;
line-height:17px;
}

div#t_img_box1 dl dd {
padding:0px 0px 0px 0px;


}

div#t_img_box1_r {
width:310px;
float:right;
padding:20px 0px 0px 0px;

}

div#t_img_box1_r  dl {
text-align:left;
padding:0px 0px 0px 10px;
font-size:12px;
color:666666;
line-height:17px;
}

div#t_img_box1_r  dl dd {
padding:0px 5px 0px 0px;

}
/* /////ツール紹介//// */
div#tool_img_box1 {
float:left;

padding:10px 0px 0px 15px;

}
div#tool_img_box1 dt {
text-align:left;
font-size:14px;
color:F4185D;
font-weight:bold
}
div#tool_img_box1 dl {
text-align:left;
padding:0px 0px 0px 15px;
font-size:12px;
color:666666;
line-height:18px;
}

div#tool_img_box1 dl dd {
padding:5px 30px 0px 0px;


}
div#tool_midasi{
font-size:12px;
color:F4185D;
font-weight:bold
}

/* //////////////////////////////////////////////////////////background:#000000 url(../_img/d_img1.gif) no-repeat right center; 
											Alligatorの説明
 ////////////////////////////////////////////////////////// */

div#alligator {
width:530px;
text-align:center;
padding:0px 0px 10px 0px;
margin:0px auto;
border-bottom:1px solid #ccc;
}


/* //////////////////////////////////////////////////////////
													導入事例
 ////////////////////////////////////////////////////////// */
 
 
div#example {
 width:530px;
 padding:10px 0px 10px 0px;
 margin:0px auto;
 text-align:left;
 }
 
 h4 {
 font-size:13px;
 line-height:13px;
 padding:0px 5px 0px 5px;
 margin:0px;
 }
 
 div#example dl {
margin:5px 10px;
 }
 
div#example dl dt {
font-size:12px;
font-weight:bold;
padding:0px 0px 7px 100;
background:url(../_img/example_dt.gif) no-repeat left  top;
}

div#example dl dd {
font-size:12px;
}

br.both {
display:block;
font-size:5px;
line-height:5px;
height:1px;
}
 
div#example img.banner{
float:right;
margin-left:10px;
}
 
div#example table {
width:510px;
margin:5px auto;
background:#dddddd;
} 
div#example table td {
padding-bottom:5px;
font-size:12px;
font-weight:bold;
padding:5px 5px 5px 0px;
}

div#example table td.banner {
width:220px;
padding:0px;
}

div#example table td.banner img {
margin:5px;
}
 

 


/* //////////////////////////////////////////////////////////
													お問い合わせ
 ////////////////////////////////////////////////////////// */

div#otoiawase {
text-align:center;
padding:8px;
margin-bottom:5px;
}
/*申し込みページ　幅が広い*/

div#content_wide {
text-align:center;
background:red;
clear:both;
color:#474747;
line-height:18px;
font-size:12px;
}



div#content_wide_header {

margin:0px 0px 0px 0px;
padding:0px 0px;
font-size:1px;
line-height:0px;
}



div#content_wide_main {
margin:0px 15px;
padding:0px 0px;
background:url(../_img/content_wide_main.gif) repeat-y left;

}

td.form_td {

background:#eeeeee;

font-weight:bold;

}


div#content_wide_body {
text-align:left;
font-size:12px;
color:#474747;
margin:0px 0px 0px 0px;
padding:0px 15px 0px 15px;
line-height:18px;

}

div#content_wide_body p {
margin:0px 15px 15px 15px;
}



div#content_wide_footer {
padding:0px;
margin:0px 0px 0px 0px;
height:6px;
font-size:1px;
line-height:0px;
}

span.essential {
font-size:11px;
color:#F70018;
}

/* パンフレット */

div#download {
padding:10px;
color:#474747;
font-size:13px;
}

div#download  img {
margin-top:10px;
}

div#download span {
font-size:11px;
}