@charset "UTF-8";



/* styles */
/*/////////////////////////////////////////////////*/

/* base */

div#mainvisual h1 {
	background:      url("../img/mainvisual.gif") no-repeat;
}


div.cnt h2         { background : url("../img/h2_base.gif") no-repeat bottom; }
div.cnt h2 span    { background : url("../img/h2_base_top.gif") no-repeat; }
div.cnt h2 a       { background : url("../img/icon_link_h2.gif") no-repeat right center; }
div.cnt h2 a:hover { background : url("../img/icon_link_h2_c.gif") no-repeat right center; }

div.cnt div.col2 h2         { background : url("../img/h2_s_base.gif") no-repeat bottom; }
div.cnt div.col2 h2 span    { background : url("../img/h2_s_base_top.gif") no-repeat; }



/* subnavi */

ul#subnavi li {
	background:    url("../img/subnavi/sn_line.gif") no-repeat;
	width:         134px;
	padding:       0 0 0 2px;
	float:         left;
}

ul#subnavi li#sn-top {
	background:    none;
	padding:       0;
}

ul#subnavi li img {
	display:       block;
}



/* planbox */

div.planbox div.free ul         { background : #f0a600; }
div.planbox div.pro ul          { background : #e77100; }
div.planbox div.enterprise ul   { background : #c58e13; }

div.planbox div.free table      { border : 2px solid #f0a600; }
div.planbox div.pro table       { border : 2px solid #e77100; }
div.planbox div.enterprise table { border : 2px solid #c58e13; }



/* float clear */
/*/////////////////////////////////////////////////*/

ul#subnavi:after {
	content         : " ";
	height          : 0px;
	clear           : both;
	visibility      : hidden;
	display         : block;
}

ul#subnavi {
	display         : inline-block;
}

/*\*/
* html ul#subnavi {
	height          : 1%;
}

ul#subnavi {
	display         : block;
}
/*\*/