/* CSS Document */

@import url(common.css);
@import url(defaults.css);
/* PC用の記述 */
@import url(pc/common.css);
/* タブレット用の記述 */
@import url(tb/common.css);
/* スマートフォン用の記述 */
@import url(sp/common.css);

@media print{
#top_footer,
#footer,
#head_right,
#left,
#pankuzu {display:none;}

/*コンテンツフッター*/
#address_box {
width:610px;
padding:10px;
background-color:#F5F5F5;
margin-left:auto;
margin-right:auto;
}

#address_box h3 {
width:300px;
font-size:1.0em;
float:left;
font-weight:bold;
}

#addressbox_p {
width:300px;
float:left;
clear:left;
}

#f_menu {
width:300px;
float:right;
}

#f_submenu {
width:294px;
height:40px;
}

#f_submenu li {float:left;}

#f_submenu li a {
background-image:url(../images/footer_menu.jpg);
display:block;
outline:none;
text-decoration:none;
text-indent:-9999px;
height:34px;
}

#f_submenu1 a {background-position:0px 0px;width:92px;}
#f_submenu2 a {background-position:-92px 0px;width:92px;}
#f_submenu3 a {background-position:-184px 0px;width:110px;}

#f_menutitle {
background-image:url(../images/footer_gmenu.jpg);
width:84px;
height:80px;
text-indent:-9999px;
float:left;
}

#network_menu {
width:210px;
height:80px;
float:left;
}

#network_menu li {
width:70px;
height:80px;
float:left;
}

#network_menu li a {
width:70px;
height:80px;
text-indent:-9999px;
display:block;
outline:none;
text-decoration:none;
}

#network_menu1 {background-image:url(../images/footer_gmenu1.jpg);}
#network_menu2 {background-image:url(../images/footer_gmenu2.jpg);}
#network_menu3 {background-image:url(../images/footer_gmenu3.jpg);}

#copyright {
width:600px;
margin-left:auto;
margin-right:auto;
text-align:right;
padding:5px;
font-size:0.9em;
line-height:130%;
margin-top:10px;
border-top:1px dotted #CCCCCC;
}
/*menu*/
#menu {
	background-image: url(../images/menu_bg.jpg);
	height: 60px;
	background-repeat: repeat-x;
	clear: both;
	margin-bottom: 5px;
	display:block !important;
}
#menu ul {
	width: 660px;
	margin-left: auto;
	margin-right: auto;
}
#menu li {
	height: 60px;
	float: left;
}
#menu li a {
	background-image: url(../images/menu_tb.png);
	display: block;
	outline: none;
	text-decoration: none;
	height: 60px;
	text-indent: -9999px;
}
#menu li p {
	background-image: url(../images/menu_tb.png);
	display: block;
	outline: none;
	text-decoration: none;
	height: 60px;
	text-indent: -9999px;
}
#li1 a {
	background-position: 0px 0px;
	width: 130px;
}
#li2 a {
	background-position: -130px 0px;
	width: 130px;
}
#li3 a {
	background-position: -260px 0px;
	width: 145px;
}
#li4 a {
	background-position: -405px 0px;
	width: 130px;
}
#li5 a {
	background-position: -535px 0px;
	width: 125px;
}
#li1 a:hover {
	background-position: 0px -60px;
	width: 130px;
}
#li2 a:hover {
	background-position: -130px -60px;
	width: 130px;
}
#li3 a:hover {
	background-position: -260px -60px;
	width: 145px;
}
#li4 a:hover {
	background-position: -405px -60px;
	width: 130px;
}
#li5 a:hover {
	background-position: -535px -60px;
	width: 125px;
}
#li1 p {
	background-position: 0px -60px;
	width: 130px;
}
#li2 p {
	background-position: -130px -60px;
	width: 130px;
}
#li3 p {
	background-position: -260px -60px;
	width: 145px;
}
#li4 p {
	background-position: -405px -60px;
	width: 130px;
}
#li5 p {
	background-position: -535px -60px;
	width: 125px;
}

/*コンテンツ共通お問合せボタンCSS
------------------------------------------*/
#contact_btn {
	width: 620px;
	height:65px;
	margin-right: auto;
	margin-left: auto;
}


#contact_btn li {
	float: left;
	width: 310px;
}

#contact_btn1 a {
	height: 65px;
	width: 265px;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/service/cont_bottom_btn1.jpg);
	outline: none;
}


#contact_btn2 a {
	height: 65px;
	width: 265px;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/service/cont_bottom_btn2.jpg);
	outline: none;
}

/*cont all*/
body {
background-image:url(../images/head_bg.jpg);
background-repeat:repeat-x;
font-size:0.75em;
line-height:1.8em;
color:#333333;
}

#head h1 {
background-image:url(../images/logo.jpg);
width:160px;
height:70px;
text-indent:-9999px;
float:left;
}

#head h1 a {
background-image:url(../images/logo.jpg);
width:160px;
height:70px;
text-indent:-9999px;
display:block;
outline:none;
text-decoration:none;
}

#head p {
width:500px;
font-size:10px;
color:#999999;
float:left;
clear:left;
padding-left:15px;
line-height:100%;
}

#scms_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/cms/title.jpg);
}
#scms_main {
	height: 175px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/cms/main_img.jpg);
}
#scms_title1 {
	height: 60px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/cms/title1.jpg);
}
#scms_stitle1 {
	height: 40px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/cms/st1.jpg);
}
#scms_stitle2 {
	height: 40px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/cms/st2.jpg);
}
.scms_box {
	width: 590px;
	margin-right: auto;
	margin-left: auto;
}
.scms_box blockquote {
	float: left;
	width: 160px;
}
.scms_box h4 {
	float: left;
	width: 430px;
}
.scms_box p {
	float: left;
	width: 430px;
}
#scms_title2 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/cms/title2.jpg);
}
#scms_at1 {
	height: 51px;
	width: 590px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background-image: url(../images/service/cms/at1.jpg);
}
#scms_at2 {
	height: 51px;
	width: 590px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background-image: url(../images/service/cms/at2.jpg);
}
#scms_at3 {
	height: 51px;
	width: 590px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background-image: url(../images/service/cms/at3.jpg);
}
#scms_at4 {
	height: 51px;
	width: 590px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background-image: url(../images/service/cms/at4.jpg);
}
#scms_at5 {
	height: 51px;
	width: 590px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background-image: url(../images/service/cms/at5.jpg);
}
#scms_at6 {
	height: 51px;
	width: 590px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background-image: url(../images/service/cms/at6.jpg);
}
#scms_at7 {
	height: 51px;
	width: 590px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background-image: url(../images/service/cms/at7.jpg);
}
/*###########################################
サービス案内 電子ブック
*/


#sebook_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/ebook/title.jpg);
}
#sebook_main {
	height: 195px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/ebook/main_img.jpg);
}
#sebook_title1 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/ebook/title1.jpg);
}
#sebook_title2 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/ebook/title2.jpg);
}
.ebook_box {
	float: left;
	width: 190px;
	margin-right: 7px;
	margin-left: 7px;
	min-height: 260px;
	border: 1px solid #CCCCCC;
}
#ebook_st1 {
	height: 48px;
	width: 188px;
	text-indent: -9999px;
	background-image: url(../images/service/ebook/t1.jpg);
}
#ebook_st2 {
	height: 48px;
	width: 188px;
	text-indent: -9999px;
	background-image: url(../images/service/ebook/t2.jpg);
}
#ebook_st3 {
	height: 48px;
	width: 188px;
	text-indent: -9999px;
	background-image: url(../images/service/ebook/t3.jpg);
}
.ebook_box p {
	width: 170px;
	margin-right: auto;
	margin-left: auto;
}
#sebook_stitle1 {
	height: 35px;
	width: 590px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/ebook/stitle1.jpg);
}
/*###########################################
サービス案内 電子ブック
*/


#stochipe_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/tochipe/title.jpg);
}
#stochipe_main {
	position: relative;
	height: 270px;
	width: 690px;
	background-image: url(../images/service/tochipe/main_img.jpg);
}
#stochipe_main h3 {
	display: none;
}
#stochipe_main_li1 {
	position: absolute;
	left: 58px;
	top: 211px;
	height: 33px;
	width: 121px;
}
#stochipe_main_li1 a, #stochipe_main_li2 a {
	height: 33px;
	width: 121px;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	outline: none;
}
#stochipe_main_li2 {
	position: absolute;
	left: 186px;
	top: 211px;
	height: 33px;
	width: 121px;
}
#stochipe_title1 {
	height: 130px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/tochipe/title1.jpg);
}
#stochipe_title2 {
	height: 30px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/tochipe/title2.jpg);
}
#stochipe_title3 {
	height: 50px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/tochipe/title3.jpg);
}
#stochipe_title4 {
	height: 55px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/tochipe/title4.jpg);
}
#stochipe_title5 {
	height: 55px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/tochipe/title5.jpg);
}
#stochipe_title6 {
	height: 55px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/tochipe/title6.jpg);
}
#stochipe_title7 {
	height: 55px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/tochipe/title7.jpg);
}
#stochipe_btn {
	height: 50px;
	width: 600px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
#stochipe_btn li {
	float: left;
	width: 200px;
}
#stochipe_btn1 a {
	height: 48px;
	width: 192px;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/service/tochipe/stochipe_btn1.jpg);
	outline: none;
}
#stochipe_btn2 a {
	height: 48px;
	width: 192px;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/service/tochipe/stochipe_btn2.jpg);
	outline: none;
}
#stochipe_btn3 a {
	height: 48px;
	width: 192px;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/service/tochipe/stochipe_btn3.jpg);
	outline: none;
}
/*###########################################
コンセプト
*/


#concept_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/concept/title.jpg);
}
#concept_main {
	height: 167px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/concept/main_img.jpg);
}
#concept_title1 {
	height: 60px;
	width: 610px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/concept/title1.jpg);
}
#concept_stitle1 {
	height: 56px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/concept/stitle1.jpg);
}
#concept_stitle2 {
	height: 42px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/concept/stitle2.jpg);
}
/*###########################################
会社概要
*/

#company_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/company/title.jpg);
}
#company_main {
	height: 162px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/company/main_img.jpg);
}
#company_title1 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/company/title1.jpg);
}
#company_table {
	width: 610px;
	margin-right: auto;
	margin-left: auto;
	border-top: 3px solid #006600;
	border-bottom: 2px solid #CCCCCC;
}
#company_table th {
	width: 70px;
	padding: 5px;
	border-bottom: 1px dashed #CCCCCC;
	background-color: #EFF8E7;
}
#company_table td {
	padding: 5px;
	border-bottom: 1px dashed #CCCCCC;
}
#maps {
	width: 590px;
	height: 350px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
/*###########################################
サービス案内　ECサイト
*/

#sec_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/ec/title.jpg);
}
#sec_main {
	height: 239px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/ec/main_img.jpg);
}
#sec_title1 {
	height: 60px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/ec/title1.jpg);
}
#sec_stitle1 {
	height: 40px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/ec/stitle1.jpg);
}
#sec_title2 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/ec/title2.jpg);
}
.ec_box {
	width: 590px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
#sec_st1 {
	height: 70px;
	width: 450px;
	text-indent: -9999px;
	background-image: url(../images/service/ec/st1.jpg);
}
#sec_st2 {
	height: 70px;
	width: 450px;
	text-indent: -9999px;
	background-image: url(../images/service/ec/st2.jpg);
}
#sec_st3 {
	height: 70px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/ec/st3.jpg);
}
#sec_st4 {
	height: 70px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/ec/st4.jpg);
}
.ec_box blockquote {
	float: left;
	width: 160px;
}
.ec_box h4 {
	float: left;
	width: 430px;
}
.ec_box p {
	float: left;
	width: 430px;
}
/*###########################################
お問合せ
*/

#contact_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/contact/title.jpg);
}
#contact_main {
	height: 235px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/contact/main_img.jpg);
}
#contact_title1 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/contact/title1.jpg);
}
/*###########################################
お見積
*/

#estimate_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/estimate/title.jpg);
}
#estimate_main {
	height: 235px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/estimate/main_img.jpg);
}
#estimate_title1 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/estimate/title1.jpg);
}
/*----------------------------------------------
メールフォームCSS
*/

.text {
	width: 410px;
}
#contact_form {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
#contact_form form {
	width: 600px;
	padding-top: 10px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	background: #EBEBEB;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#contact_form form dl {
	padding: 10px 20px;
}
#contact_form form dt {
	float: left;
	clear: both;
	width: 100px;
	padding: 5px;
	border-top: 1px solid #FFFFFF;
}
#contact_form form dd {
	float: left;
	width: 440px;
	padding: 5px;
	padding-bottom: 10px;
	border-top: 1px solid #FFFFFF;
}
#contact_form .text, #contact_form textarea, #contact_form .dropdown {
	border: 1px solid #777;
	padding: 5px;
	background: #fff;
	border-radius: 5px;
	/* Webkit */
	background: -webkit-gradient(  linear,  left top,  left bottom,  from(#eee),  to(#fff)  );
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
	background: -moz-linear-gradient(  top,  #eee,  #fff  );
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
	
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient  (startColorstr=#ffeeeeee, endColorstr=#ffffffff);
	zoom: 1;
}
#contact_form .submit {
	border: 1px solid #777;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background: #428ec9;
	border-radius: 5px;
	/* Webkit */
	background: -webkit-gradient(  linear,  left top,  left bottom,  from(#99c9e5),  to(#428ec9)  );
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
	background: -moz-linear-gradient(  top,  #99c9e5,  #428ec9  );
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
	
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff99c9e5, endColorstr=#ff428ec9);
	zoom: 1;
}
#contact_form .LabelSelected, #contact_form .RadioSelected {
	background-position: bottom left;
}
.textarea {
	width: 410px !important;
	height: 100px !important;
}
/*###########################################
納品までの流れ
*/

#flow_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/flow/title.jpg);
}
#flow_main {
	height: 195px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/flow/main_img.jpg);
}
#flow_title1 {
	height: 50px;
	width: 590px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/flow/title1.jpg);
}
#flow1, #flow2, #flow3, #flow4, #flow5, #flow6, #flow7, #flow8, #flow9, #flow10 {
	width: 590px;
	margin-left: auto;
	margin-right: auto;
}
#flow1 dt, #flow2 dt, #flow3 dt, #flow4 dt, #flow5 dt, #flow6 dt, #flow7 dt, #flow8 dt, #flow9 dt, #flow10 dt {
	width: 590px;
	height: 50px;
	text-indent: -9999px;
}
#flow1 dt {
	background-image: url(../images/flow/img1.jpg);
}
#flow2 dt {
	background-image: url(../images/flow/img2.jpg);
}
#flow3 dt {
	background-image: url(../images/flow/img3.jpg);
}
#flow4 dt {
	background-image: url(../images/flow/img4.jpg);
}
#flow5 dt {
	background-image: url(../images/flow/img5.jpg);
}
#flow6 dt {
	background-image: url(../images/flow/img6.jpg);
}
#flow7 dt {
	background-image: url(../images/flow/img7.jpg);
}
#flow8 dt {
	background-image: url(../images/flow/img8.jpg);
}
#flow9 dt {
	background-image: url(../images/flow/img9.jpg);
}
#flow10 dt {
	background-image: url(../images/flow/img10.jpg);
}
#flow1 dd {
	display: block;
	background-image: url(../images/flow/text1.jpg);
	width: 590px;
	overflow: hidden;
	height: 0;
	padding-top: 100px;
}
#flow2 dd {
	display: block;
	background-image: url(../images/flow/text2.jpg);
	overflow: hidden;
	height: 0;
	padding-top: 100px;
	width: 590px;
}
#flow3 dd {
	display: block;
	background-image: url(../images/flow/text3.jpg);
	overflow: hidden;
	height: 0;
	padding-top: 80px;
	width: 590px;
}
#flow4 dd {
	display: block;
	background-image: url(../images/flow/text4.jpg);
	overflow: hidden;
	height: 0;
	padding-top: 70px;
	width: 590px;
}
#flow5 dd {
	display: block;
	background-image: url(../images/flow/text5.jpg);
	overflow: hidden;
	height: 0;
	padding-top: 60px;
	width: 590px;
}
#flow6 dd {
	display: block;
	background-image: url(../images/flow/text6.jpg);
	overflow: hidden;
	height: 0;
	padding-top: 80px;
	width: 590px;
}
#flow7 dd {
	display: block;
	background-image: url(../images/flow/text7.jpg);
	overflow: hidden;
	height: 0;
	padding-top: 100px;
	width: 590px;
}
#flow8 dd {
	display: block;
	background-image: url(../images/flow/text8.jpg);
	overflow: hidden;
	height: 0;
	padding-top: 80px;
	width: 590px;
}
#flow9 dd {
	display: block;
	background-image: url(../images/flow/text9.jpg);
	overflow: hidden;
	height: 0;
	padding-top: 80px;
	width: 590px;
}
#flow10 dd {
	display: block;
	background-image: url(../images/flow/text10.jpg);
	overflow: hidden;
	height: 0;
	padding-top: 180px;
	width: 590px;
}
#flow1 dd p,
#flow2 dd p,
#flow3 dd p,
#flow4 dd p,
#flow5 dd p,
#flow6 dd p,
#flow7 dd p,
#flow8 dd p,
#flow9 dd p,
#flow10 dd p {
	z-index:-1;
	overflow: hidden;
}
.flow_arrow {
	background-image: url(../images/flow/flow_arrow.jpg);
	width: 590px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	text-indent: -9999px;
	
}
/*###########################################
サービス案内
*/

#service_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/title.jpg);
}
#service_box {
	width: 630px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
#service_box1 {
	width: 414px;
	height: 210px;
	float: left;
	margin-bottom: 20px;
}
#service_box2 {
	width: 198px;
	border: 1px solid #CCCCCC;
	min-height: 208px;
	float: right;
	margin-bottom: 20px;
}
#service_box h3 {
	padding-top: 5px;
	width: 190px;
	margin-left: auto;
	margin-right: auto;
}
#service_box h4 {
	width: 190px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}
#service_box h4 a {
	width: 190px;
	display: block;
	text-decoration: none;
	background-image: url(../images/service/icon.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#service_box p {
	width: 190px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9em;
	line-height: 140%;
	padding-top: 10px;
}
#service_box3 {
	width: 198px;
	border: 1px solid #CCCCCC;
	min-height: 208px;
	float: left;
	margin-right: 14px;
	margin-bottom: 20px;
}
#service_box4 {
	width: 198px;
	border: 1px solid #CCCCCC;
	min-height: 208px;
	float: left;
	margin-right: 14px;
	margin-bottom: 20px;
}
#service_box5 {
	width: 198px;
	border: 1px solid #CCCCCC;
	min-height: 208px;
	float: left;
	margin-bottom: 20px;
}
#service_box6 {
	width: 198px;
	border: 1px solid #CCCCCC;
	min-height: 208px;
	float: left;
	margin-right: 14px;
	margin-bottom: 20px;
}
#service_box7 {
	width: 198px;
	border: 1px solid #CCCCCC;
	min-height: 208px;
	float: left;
	margin-right: 14px;
	margin-bottom: 20px;
}
#service_box8 {
	width: 198px;
	border: 1px solid #CCCCCC;
	min-height: 208px;
	float: left;
	margin-bottom: 20px;
}
/*###########################################
サービス案内 facebookページ
*/

#sfacebook_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/facebook/title.jpg);
}
#sfacebook_main {
	height: 195px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/facebook/main_img.jpg);
}
#sfacebook_title1 {
	height: 60px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/facebook/title1.jpg);
}
#sfacebook_title2 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/facebook/title2.jpg);
}
#sfacebook_stitle1 {
	height: 60px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/facebook/stitle1.jpg);
}
/*###########################################
サービス案内 スマートフォン制作ソフト
*/

#ssphone_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/sphone/title.jpg);
}
#ssphone_main {
	height: 302px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/sphone/main_img.jpg);
}
#ssphone_title1 {
	height: 60px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/sphone/title1.jpg);
}
#ssphone_stitle1 {
	height: 40px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/sphone/stitle1.jpg);
}
#ssphone_stitle2 {
	height: 40px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/sphone/stitle2.jpg);
}
#ssphone_title2 {
	height: 30px;
	width: 630px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/sphone/title2.jpg);
}
#sphone_box {
	width: 590px;
	margin-right: auto;
	margin-left: auto;
}
#sphone_box blockquote {
	float: left;
	width: 150px;
}
#sphone_box h4 {
	float: left;
	height: 25px;
	width: 440px;
	text-indent: -9999px;
}
#sphone_box p {
	float: left;
	width: 430px;
	padding-left: 10px;
}
#sphone_at1 {
	background-image: url(../images/service/sphone/at1.jpg);
}
#sphone_at2 {
	background-image: url(../images/service/sphone/at2.jpg);
}
#sphone_at3 {
	background-image: url(../images/service/sphone/at3.jpg);
}
/*###########################################
サービス案内 クロスメディア
*/

#scross_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/cross/title.jpg);
}
#scross_main {
	height: 269px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/cross/main_img.jpg);
}
#scross_title1 {
	height: 60px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/cross/title1.jpg);
}
#scross_stitle1 {
	height: 55px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/cross/sitlte1.jpg);
}
#scross_stitle2 {
	height: 40px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/cross/stitle2.jpg);
}
#scross_title2 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/cross/title2.jpg);
}
#scross_title3 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/cross/title3.jpg);
}
#scross_stitle3 {
	height: 40px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/cross/stitle3.jpg);
}
/*###########################################
サービス案内 ホームページ
*/

#shp_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/hp/title.jpg);
}
#shp_main {
	height: 207px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/hp/main_img.jpg);
}
#shp_title1 {
	height: 60px;
	width: 610px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/hp/title1.jpg);
}
#shp_stitle1 {
	clear: both;
	height: 55px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/hp/stitle1.jpg);
}
#shp_title2 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/hp/title2.jpg);
}
#shp_stitle2 {
	height: 30px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/hp/stitle3.jpg);
}
#shp_box {
	width: 630px;
	margin-left: auto;
	margin-right: auto;
}
#shp_box1 {
	width: 310px;
	float: left;
}
#shp_box1 h3 {
	background-image: url(../images/service/hp/title4.jpg);
	width: 310px;
	height: 30px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#shp_box2 {
	width: 310px;
	float: right;
}
#shp_box2 h3 {
	background-image: url(../images/service/hp/title5.jpg);
	width: 310px;
	height: 30px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#shp_box1 p, #shp_box2 p {
	width: 280px;
	margin-left: auto;
	margin-right: auto;
}
/*###########################################
サービス案内 CMSテンプレート
*/

#scmstemp_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/cmstemp/title.jpg);
}
#scmstemp_main {
	height: 266px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/service/cmstemp/main_img.jpg);
}
#scmstemp_title1 {
	height: 60px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/cmstemp/title1.jpg);
}
#scmstemp_title2 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/cmstemp/title2.jpg);
}
#scmstemp_stitle1 {
	height: 40px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/service/cmstemp/stitle1.jpg);
}
/*###########################################
サービス案内 よくある質問
*/

#faq_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/faq/title.jpg);
}
#faq_main {
	height: 195px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/faq/main_img.jpg);
}
#faq_title1 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/faq/title1.jpg);
}
#faq_title2 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/faq/title2.jpg);
}
#faq_title3 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/faq/title3.jpg);
}
#faq_title4 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/faq/title4.jpg);
}
#faq_title5 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/faq/title5.jpg);
}
.faq_box dt {
	width: 590px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
	background-image: url(../images/faq/icon.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	line-height: 200%;
	margin-top: 10px;
	cursor: pointer;
	font-size: 1.2em;
	color: #000099;
	font-weight: normal;
	cursor: pointer;
	display: block;
}
.faq_box dd {
	width: 590px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 20px;
	display: none;
}
.faq_box {
	width: 610px;
	margin-left: auto;
	margin-right: auto;
}
/*###########################################
プライバシーポリシー
*/

#privacy_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/privacy/title.jpg);
}
#privacy_table {
	width: 590px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #E8EAD0;
}
#privacy_table th {
	background-color: #E8EAD0;
	padding: 10px;
	width: 25%;
	border-bottom: 1px dotted #CCCCCC;
}
#privacy_table td {
	padding: 10px;
	border-bottom: 1px dotted #CCCCCC;
}
#privacy_table td li {
	list-style: disc;
	margin-left: 20px;
}
/*###########################################
このサイトについて
*/


#about_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/about/title.jpg);
}
#about_table {
	width: 590px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #E8EAD0;
}
#about_table th {
	background-color: #E8EAD0;
	padding: 10px;
	width: 25%;
	border-bottom: 1px dotted #CCCCCC;
}
#about_table td {
	padding: 10px;
	border-bottom: 1px dotted #CCCCCC;
}
#about_table td li {
	list-style: disc;
	margin-left: 20px;
}
/*###########################################
このサイトについて
*/


#sitemap_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/sitemap/title.jpg);
}
/*###########################################
制作実績
*/

#results_title {
	height: 64px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/results/title.jpg);
}
#results_main {
	height: 261px;
	width: 690px;
	text-indent: -9999px;
	background-image: url(../images/results/main_img.jpg);
}
#results_stitle1 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/results/title1.jpg);
	clear: both;
}
#results_stitle2 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/results/title2.jpg);
	clear: both;
}
#results_stitle3 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/results/title3.jpg);
	clear: both;
}
#results_stitle4 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/results/title4.jpg);
	clear: both;
}
#results_stitle5 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/results/title5.jpg);
	clear: both;
}
#results_stitle6 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/results/title6.jpg);
	clear: both;
}
#results_stitle7 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/results/title7.jpg);
	clear: both;
}
#results_stitle8 {
	height: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	background-image: url(../images/results/title8.jpg);
	clear: both;
}
.results {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	font-size: 12px;
}
.results div {
	background-image: url(../images/results/bg1.jpg);
	background-repeat: no-repeat;
	min-height: 240px;
	width: 300px;
	float: left;
	font-size: 11px;
	margin-bottom: 10px;
}
.results div {
	font-size/*\**/: 10px\9 !important;
}
.results div h3 {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}
.results div dl {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 6px;
	line-height: 180%;
}
.results div dl dt, .results div dl dd {
	border-bottom: 1px solid #FFFFFF;
}
.results div dl dt a {
	color: #006600;
}
.results div dl dd a {
	color: #006600;
	text-decoration: none;
}
#results_ul {
	width: 630px;
	margin-left: auto;
	margin-right: auto;
}
#results_ul li a {
	width: 300px;
	height: 50px;
	text-indent: -9999px;
	display: block;
	outline: none;
	text-decoration: none;
}
#results_li1, #results_li3, #results_li5, #results_li8 {
	width: 300px;
	margin-bottom: 20px;
	float: left;
}
#results_li2, #results_li4, #results_li6, #results_li7 {
	width: 300px;
	margin-bottom: 20px;
	float: right;
}
#results_li1 a {
	background-image: url(../images/results/li1.jpg);
}
#results_li2 a {
	background-image: url(../images/results/li2.jpg);
}
#results_li3 a {
	background-image: url(../images/results/li3.jpg);
}
#results_li4 a {
	background-image: url(../images/results/li4.jpg);
}
#results_li5 a {
	background-image: url(../images/results/li5.jpg);
}
#results_li6 a {
	background-image: url(../images/results/li6.jpg);
}
#results_li7 a {
	background-image: url(../images/results/li7.jpg);
}
#results_li8 a {
	background-image: url(../images/results/li8.jpg);
}

.scms_arrow {
	background-image:url(../images/service/cmstemp/arrow.jpg);
	width:600px;
	height:50px;
	text-indent:-9999px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
}

#scmst1,
#scmst2,
#scmst3,
#scmst4,
#scmst5,
#scmst6,
#scmst7 {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

#scmst1 dt {
	background-image:url(../images/service/cmstemp/i1.jpg);
	height:50px;
	width:600px;
	text-indent:-9999px;
}

#scmst2 dt {
	background-image:url(../images/service/cmstemp/i2.jpg);
	height:50px;
	width:600px;
	text-indent:-9999px;
}

#scmst3 dt {
	background-image:url(../images/service/cmstemp/i3.jpg);
	height:50px;
	width:600px;
	text-indent:-9999px;
}

#scmst4 dt {
	background-image:url(../images/service/cmstemp/i4.jpg);
	height:50px;
	width:600px;
	text-indent:-9999px;
}

#scmst5 dt {
	background-image:url(../images/service/cmstemp/i5.jpg);
	height:50px;
	width:600px;
	text-indent:-9999px;
}

#scmst6 dt {
	background-image:url(../images/service/cmstemp/i6.jpg);
	height:50px;
	width:600px;
	text-indent:-9999px;
}

#scmst7 dt {
	background-image:url(../images/service/cmstemp/i7.jpg);
	height:50px;
	width:600px;
	text-indent:-9999px;
}

#scmst1 dd {
	background-image:url(../images/service/cmstemp/t1.jpg);
	width:600px;
	height:0px;
	padding-top:50px;
	overflow:hidden;
}

#scmst2 dd {
	background-image:url(../images/service/cmstemp/t2.jpg);
	width:600px;
	height:0px;
	padding-top:60px;
	overflow:hidden;
}

#scmst3 dd {
	background-image:url(../images/service/cmstemp/t3.jpg);
	width:600px;
	height:0px;
	padding-top:60px;
	overflow:hidden;
}

#scmst4 dd {
	background-image:url(../images/service/cmstemp/t4.jpg);
	width:600px;
	height:0px;
	padding-top:60px;
	overflow:hidden;
}

#scmst5 dd {
	background-image:url(../images/service/cmstemp/t5.jpg);
	width:600px;
	height:0px;
	padding-top:60px;
	overflow:hidden;
}

#scmst6 dd {
	background-image:url(../images/service/cmstemp/t6.jpg);
	width:600px;
	height:0px;
	padding-top:80px;
	overflow:hidden;
}

#scmst7 dd {
	background-image:url(../images/service/cmstemp/t7.jpg);
	width:600px;
	height:0px;
	padding-top:60px;
	overflow:hidden;
}

/*トップページ*/
#top_txt_h3 {
background-image:url(../images/top/main_text.jpg);
width:650px;
height:70px;
text-indent:-9999px;
margin-left:auto;
margin-right:auto;
}

#tservice_box {
width:630px;
padding-top:20px;
margin-left:auto;
margin-right:auto;
}

#tservice_box2 {
width:198px;
border:1px solid #CCCCCC;
min-height:208px;
float:left;
margin-right:14px;
margin-bottom:20px;
}

#tservice_box3 {
width:198px;
border:1px solid #CCCCCC;
min-height:208px;
float:left;
margin-right:14px;
margin-bottom:20px;
}

#tservice_box6 {
width:198px;
border:1px solid #CCCCCC;
min-height:208px;
float:left;
margin-bottom:20px;
}

#tservice_box h3 {
padding-top:5px;
width:190px;
margin-left:auto;
margin-right:auto;
}

#tservice_box h4 {
width:190px;
margin-left:auto;
margin-right:auto;
font-size:1.0em;
font-weight:bold;
}

#tservice_box h4 a {
width:190px;
display:block;
text-decoration:none;
background-image:url(../images/service/icon.jpg);
background-repeat:no-repeat;
background-position:right;
}

#tservice_box p {
width:190px;
margin-left:auto;
margin-right:auto;
font-size:0.9em;
line-height:140%;
padding-top:10px;
}

#top_title1 {
background-image:url(../images/top/top_title.jpg);
width:650px;
height:60px;
margin-left:auto;
margin-right:auto;
text-indent:-9999px;
}

#top_cms {
width:630px;
margin-left:auto;
margin-right:auto;
}

#top_cms p {
width:290px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:10px;
}

#top_cms1 {
width:308px;
border:1px solid #CCCCCC;
border-top:3px solid #CCCCCC;
min-height:180px;
float:left;
margin-bottom:20px;
}

#top_cms2 {
width:308px;
border:1px solid #CCCCCC;
border-top:3px solid #CCCCCC;
min-height:180px;
float:right;
margin-bottom:20px;
}

#top_cms3 {
width:308px;
border:1px solid #CCCCCC;
border-top:3px solid #CCCCCC;
min-height:180px;
float:left;
margin-bottom:20px;
}

#top_cms4 {
width:308px;
border:1px solid #CCCCCC;
border-top:3px solid #CCCCCC;
min-height:180px;
float:right;
margin-bottom:20px;
}

#top_cms1 h3 {
background-image:url(../images/top/top_wordpress.jpg);
width:308px;
height:47px;
border-bottom:1px solid #CCCCCC;
text-indent:-9999px;
background-repeat:no-repeat;
display:block;
outline:none;
text-decoration:none;
}

#top_cms2 h3 {
background-image:url(../images/top/top_cmsd.jpg);
width:308px;
height:47px;
border-bottom:1px solid #CCCCCC;
text-indent:-9999px;
background-repeat:no-repeat;
display:block;
outline:none;
text-decoration:none;
}

#top_cms3 h3 {
background-image:url(../images/top/top_soy2.jpg);
width:308px;
height:47px;
border-bottom:1px solid #CCCCCC;
text-indent:-9999px;
background-repeat:no-repeat;
display:block;
outline:none;
text-decoration:none;
}

#top_cms4 h3 {
background-image:url(../images/top/top_eccube.jpg);
width:308px;
height:47px;
border-bottom:1px solid #CCCCCC;
text-indent:-9999px;
background-repeat:no-repeat;
display:block;
outline:none;
text-decoration:none;
}

/*main_imgエリア用
----------------------------------------*/

/* CSS Document */
.lof-slidecontent, .lof-slidecontent a {
	color:#FFF;	
}
.lof-slidecontent a.readmore{
	color:#58B1EA;
	font-size:95%;
	
}
.lof-slidecontent{
	width:610px;
	height:240px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	position:relative;
	overflow:hidden;
	border:#F4F4F4 solid 1px;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	text-align:center;
	background:#FFF
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-main-outer{
	width:610px;
	height:240px;
	position:relative;
	z-index:3px;
	overflow:hidden;
}


/*******************************************************/
.lof-main-item-desc{
	z-index:100px;
	position:absolute;
	bottom:50px;
	left:0px;
	width:350px;
	background:url(../images/bg_trans.png);
	height:100px;
	/* filter:0.7(opacity:60) */
	padding:10px;
}
.lof-main-item-desc p{
	margin:0 8px;
	padding:8px 0
}
.lof-main-item-desc h3{
	padding:0;
	margin:0
}
.lof-main-item-desc h2{
	padding:0;
	margin:15px 0 0 0px;
}
.lof-main-item-desc h3 a{	
	margin:0;
	background:#C01F25;
	font-size:75%;
	padding:2px 3px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
	text-transform:uppercase;
	text-decoration:none
}
.lof-main-item-desc h3 a:hover{

	text-decoration:underline;
}
.lof-main-item-desc h3 i {
	font-size:70%;
}

/* main flash */
ul.lof-main-wapper{
	/* margin-right:auto; */
	overflow:hidden;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	margin:0;
	position:absolute;
	overflow:hidden;
}

ul.lof-main-wapper li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	float:left;
	position:relative;
}
.lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
ul.lof-main-wapper li img{
	padding:0px;	
}

/* item navigator */
.lof-navigator-wapper {
	position:absolute;
	bottom:10px;
	left:0px;
	background:url(../images/transparent_bg.png) repeat;
	padding:5px 0px;
}
.lof-navigator-outer{
	position:relative;
	z-index:100;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	padding:0;
	margin-left:0px;
	overflow:hidden;
	float:left;
	display:block;

	text-align:center;

}
ul.lof-navigator li img{
	border:#666 solid 3px;	
}
ul.lof-navigator li.active img, ul.lof-navigator li:hover img {
	border:#A8A8A8 solid 3px;
}
.lof-navigator-wapper .lof-next,  .lof-navigator-wapper .lof-previous{
	display:block;
	width:22px;
	height:30px;
	color:#FFF;
	cursor:pointer;

}
.lof-navigator-wapper .lof-next {
	float:left;	
	text-indent:-999px;
	margin-right:5px;
	background:url(../images/arrow-l.png) no-repeat right center;
}
.lof-navigator-wapper .lof-previous {
	float:left;	
	text-indent:-999px;
	margin-left:5px;
	background:url(../images/arrow-r.png) no-repeat left center;
}
}