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

* {

margin:0px 0px;

padding:0px 0px;

font-family:Osaka;

}



body {

margin:0px;

padding:0px;

background:#333333 url(../_img/bg.gif) repeat-y center top;

text-align:center;

}

img {
border:none;
}


table tr td {
color:#474747;
font-size:12px;
line-height:18px;
}

div.content_body dd {

margin-bottom:3px;

}



img{margin:0px 0px;

line-height:1px;

font-size:1px;

vertical-align:middle;}



/*img.rss_icon {

vertical-align:baseline;

margin-left:5px;

}

*/



img.rss_icon {

vertical-align:bottom;

margin-right:5px;

}



table,table tr ,table tr td {

padding:0px;

margin:0px;

}



a img,a:link img,a:visited img,a:active img,a:hover img{

border-bottom:none;

}



h2{

padding:0px 0px;

margin:0px 0px;

line-height:1px;

font-size:1px;

vertical-align:bottom

}



h3 {

padding:1px 0px 2px 0px;

margin:0px 0px 10px 0px;

font-weight:bold;

font-size:13px;

}



div.content_body a,div.content_body a:link,div.content_body a:visited,div.content_body a:active {

color:#CA0014;

text-decoration:none;

background:url(../_img/link_border.gif) repeat bottom left;

}



div.content_next a,div.content_next a:link,div.content_next a:visited,div.content_next a:active {

color:#CA0014;

text-decoration:none;

background:url(../_img/link_border.gif) repeat bottom left;

}



div.content_body a:hover {

color:#CA0014;

text-decoration:none;

background:none;

border-bottom:#CA0014 1px solid;

}



div.content_next a:hover {

color:#CA0014;

text-decoration:none;

background:none;

border-bottom:#CA0014 1px solid;

}





/* ----------- layout ----------- */



div#container {

margin:0px auto;

text-align:left;

width:680px;

background:#ffffff;

}



div#header {

width:680px;

height:56px;

text-align:center;

}



div#flash_menu {

clear:both;

width:680px;

height:251px;



}



div#side_navi {

margin:11px 0px;

padding:0px;

float:left;

width:180px;

background:transparent;

}



div#side_navi_top {

margin:0px 0px;

padding:0px;

float:left;

width:180px;

background:transparent;

}



div#content {

margin:11px 0px;

padding:0px;

float:right;

width:483px;

background:transparent;

}



div#content_top {

margin:0px 0px;

padding:0px;

float:right;

width:483px;

background:transparent;

}



div#footer {

clear:both;

width:680px;

height:60px;

background:#ffffff url(../_img/footer.gif) no-repeat bottom center;

}



/* ----------- header ----------- */



table#header_logo {

width:680px;

height:37px;

}


ul.login_menu {
list-style:none;
margin-right:13px;
text-align:right;
}

ul.login_menu li {
display:inline;
font-size:0px;

}

ul.login_menu li img {
vertical-align:top;
}



div#header_navi {

padding:0px;

margin:0px;

width:680px;

height:19px;

line-height:1px;

background:#333333;

}



div#header_navi ul{

padding:0px;

margin:0px;

}



div#header_navi ul li.spacer {

display:block;

width:10px;

height:19px;

line-height:1px;

font-size:1px;

float:left;

list-style:none;

}



div#header_navi ul li#product {

display:block;

width:119px;

height:19px;

float:left;

list-style:none;

line-height:1px;

font-size:1px;

}



div#header_navi ul li#whatpod {

display:block;

width:183px;

height:19px;

float:left;

list-style:none;

line-height:1px;

font-size:1px;

}



/*div#header_navi ul li#demo {

display:block;

width:95px;

height:19px;

float:left;

list-style:none;

line-height:1px;

font-size:1px;

}

*/



div#header_navi ul li#example {

display:block;

width:103px;

height:19px;

float:left;

list-style:none;

line-height:1px;

font-size:1px;

}



/*div#header_navi ul li#price {

display:block;

width:118px;

height:19px;

float:left;

list-style:none;

line-height:1px;

font-size:1px;

}

*/





div#header_navi ul li#partner {

display:block;

width:138px;

height:19px;

float:left;

list-style:none;

line-height:1px;

font-size:1px;

}



div#header_navi ul li#otoiawase {

display:block;

width:117px;

height:19px;

float:left;

list-style:none;

line-height:1px;

font-size:1px;

}



/* ----------- navi ----------- */

/*h2#navi_menu_midashi {

padding:0px 0px;

margin:0px 0px 5px 24px;

line-height:1px;

font-size:1px;

}

*/



h2#navi_menu_midashi2 {

padding:5px 0px 0px 0px;

margin:0px 0px 5px 0px;

line-height:1px;

font-size:1px;

}


div#side_banner {
margin:0px 0px 10px 24px;
}


div#side_navi dl {

margin:0px 0px 10px 24px;

padding:0px;

}



div#side_navi_top dl {

margin:0px 0px 10px 24px;

padding:0px;

}



div#side_navi dl dt {

width:150px;

padding:0px;

margin:0px 0px 6px 0px;

}



div#side_navi_top dl dt {

width:150px;

padding:0px;

margin:0px 0px 6px 0px;

}



div#side_navi dl dd {

padding:0px 0px 4px 0px;

margin:0px 0px 0px 0px;

}



div#side_navi_top dl dd {

padding:0px 0px 4px 0px;

margin:0px 0px 0px 0px;

}



div.navi_box_header {

height:5px;

padding:0px;

margin:0px 13px 0px 24px;

line-height:0px;

font-size:1px;

background:url(../_img/navi_box_header.gif) no-repeat top left;

}



div.navi_box_main {

padding:0px;

margin:0px 13px 0px 24px;

background:url(../_img/navi_box_main.gif) repeat-y bottom left;

}



div.navi_box_footer {

height:20px;

padding:0px;

margin:0px 13px 0px 24px;

line-height:0px;

font-size:1px;

background:url(../_img/navi_box_footer.gif) no-repeat bottom left;

}



div.navi_box_main ul li {

list-style:none;

padding:1px 0px;

font-size:12px;

margin-left:7px;

color:#000000;

}



div.navi_box_main ul li a.navi_link{

display:block;

color:#000000;

text-decoration:none;

background:url(../_img/navi_menu_point.gif) no-repeat top left;

line-height:15px;

margin-bottom:2px;

padding-left:15px;

}

div.navi_box_main ul li a:hover.navi_link{

display:block;

color:#000000;

text-decoration:none;

background:url(../_img/navi_menu_point_hover.gif) no-repeat top left;

line-height:15px;

margin-bottom:2px;

padding-left:15px;

}







/* ----------- content ----------- */



h2#midashi {

margin-bottom:15px;

}



div.content_box {

margin:0px 27px 20px 0px;

padding:0px 0px;

}



div.content_waku_header {

margin:0px 0px 0px 0px;

padding:0px 0px;

height:6px;

font-size:1px;

line-height:0px;

background: url(../_img/content_waku_header.gif) no-repeat top left;

}



div.content_waku_main {

margin:0px 0px 0px 0px;

padding:0px 0px;

background:url(../_img/content_waku_main.gif) repeat-y left;

}



div.content_body {

font-size:12px;

color:#474747;

margin:0px 0px 0px 0px;

padding:0px 15px 10px 15px;

line-height:18px;

}



div.content_next {

text-align:right;

font-size:11px;

color:#000000;

margin:0px 0px 0px 0px;

padding:18px 15px 10px 15px;

line-height:18px;

}



div.content_body dl {

margin:15px 0px;

}



div.content_body dt {

font-weight:bold;

}



div.content_waku_footer {

padding:0px;

margin:0px 0px 0px 0px;

height:6px;

font-size:1px;

line-height:0px;

background: url(../_img/content_waku_footer.gif) no-repeat bottom left;

}



.content_syou {

background:#F3F3F3;

color:#353535;

border:#dddddd 1px solid;

padding:8px 10px 10px 10px;

margin:15px 0px 0px 0px;

}



.content_syou h3 {

background:none;

padding:1px 0px 2px 0px;

margin:0px 0px 10px 0px;

font-weight:bold;

font-size:13px;

}


span.text_mini {
font-size:11px;
}



/*お知らせ*/

h2#content_tit_oshirase {

padding:0px 0px;

margin:0px 0px 8px 0px;

}



dl#oshirase{

margin:0px;

padding:5px 5px 0px 5px;

}



dl#oshirase dt {

font-size:12px;

font-weight:bold;

color:ca0014;

margin:0px 10px 5px 5px;

padding:0px 3px 5px 5px;

background:url(../_img/oshirase_dt.gif) repeat-x bottom center;

}



dl#oshirase dd{

font-size:12px;

color:#474747;

margin:0px 0px 0px 0px;

padding:0px 10px 9px 10px;

line-height:16px;

}



/* 導入事例*/

div.exa_box {

width:426px;

}



div.exa_img {

margin:5px 0px 15px 0px;

text-align:center;

}



div.exa_box dl dd {

margin-left:4px;

}



img.exa_img  {

float:right;

margin:0px 0px 5px 7px;

border:#E6E6E6 5px solid;

clear:both;

width:200px;

height:161px;

}



br.clear {

clear:both;

}



/*申し込みページ　幅が広い*/

div#content_wide {

clear:both;

margin:11px 27px;

color:#474747;

line-height:18px;

font-size:12px;

}



div#content_wide_header {

margin:0px 0px 0px 0px;

padding:0px 0px;

height:6px;

font-size:1px;

line-height:0px;

background: url(../_img/content_wide_header.gif) no-repeat top left;

}



div#content_wide_main {

margin:0px 0px 0px 0px;

padding:0px 0px;

background:url(../_img/content_wide_main.gif) repeat-y left;

}



div#content_wide_body {

font-size:12px;

color:#474747;

margin:0px 0px 0px 0px;

padding:0px 15px 10px 15px;

line-height:18px;

}



div#content_wide_footer {

padding:0px;

margin:0px 0px 0px 0px;

height:6px;

font-size:1px;

line-height:0px;

background: url(../_img/content_wide_footer.gif) no-repeat bottom left;

}



/* お申し込みフォーム */

div#content_wide table tr td {

font-size:12px;

color:#474747;

}



div#content_wide table tr td input{

/*border:#8F8F8F 1px solid;*/

}



input.mini {

width:130px;

height:18px;

}



input.midium {

width:180px;

height:18px;

}



input.long {

width:330px;

height:18px;

}



div#content_wide table.form_waku tr td {

padding:2px 5px;

margin:0px;

}



td.form_td {

background:#eeeeee;

font-weight:bold;

}



table.price_img tr td{

line-height:1px;

padding:0px;

margin:0px;

}



table.price_img tr td img{

line-height:1px;

vertical-align:bottom;

padding:0px;

margin:0px;

}



td.setsumei {

font-size:10px;

}



img.sp {

padding:0px;

margin:0px;

line-height:1px;

font-size:1px;

vertical-align:bottom;

}



span.essential {

font-size:11px;

color:#F70018;

}