@charset "utf-8";
/* CSS Document */

/**********************************************************************
コムニココーポレートサイト
コモンCSS
[ /css/common.css ]

Since         : 11.1.21
Last modified : 11.1.
**********************************************************************/

 
 /* 共通クラス
------------------------------------------------- */

 
table{
	_line-height:150%;
	font-size:100%;
}


.floatL  {float: left;}
.floatR {float: right;}
.clear    {
	clear: both;
	font-size: 0px;
	line-height: 0%;
	height: 0px;
	text-indent: -9999px;
}

.clearer{
	clear: both;
}

.v_middle{
	vertical-align:middle;
}

/* clearfixハック */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*配置設定クラス*/
.alignL {
	text-align: left !important;
}
.alignC {
	text-align: center !important;
}
.alignR {
	text-align: right !important;
}


.mg_10{

	margin:10px;

}

.mg_lr10{

	margin:0px 10px;
}

.mg_t10{
	margin-top:10px;

}


.mg_b10{

	margin-bottom:10px;

}

.mg_l10{

	margin-left:10px;

}

.mg_r10{

	margin-right:10px;

}

.mg_t5{
	margin-top:5px;

}

.mg_l5{
	margin-left:5px;
}

.mg_r5{
	margin-right:5px;
}

.mg_b5{
	margin-bottom:5px;
}

.mg_lr5{
	margin-left:5px;
	margin-right:5px;
}


.mg_l15{
	margin-left:15px;
}


.mg_r20{

	margin-right:20px;

}

.mg_t15{
	margin-top:15px;

}

.mg_15{
	margin:15px;
}

.mg_b15{
	margin-bottom:15px;
}

.mg_20{
	margin:20px;
}


.mg_t20{
	margin-top:20px;

}

.mg_b20{
	margin-bottom:20px;

}



.mg_l20{
	margin-left:20px;

}

.mg_lr20{
	margin:0 20px;
}

.mg_l30{
	margin-left:30px;

}

.mg_t30{
	margin-top:30px;
}

.mg_b30{
	margin-bottom:30px;
}

.mg_r30{
	margin-right:30px;
}



.mg_t40{
	margin-top:40px;
}

.mg_b40{
	margin-bottom:40px;
}


.mg_t50{
	margin-top:50px;
}

.mg_b50{
	margin-bottom:50px;
}


.pd_t10{

	padding-top:10px;
}

.pd_t5{

	padding-top:5px;
}



.pd_b10{

	padding-bottom:10px;
}





  /* リンク設定
-------------------------------------------------*/

a:link    {color: #333333;	; text-decoration: none;}
a:active  {color: #333333;	; text-decoration: none;}
a:visited {color: #333333;	; text-decoration: none;}
a:hover   {color: #cc0000;	; text-decoration: underline;}


.filter07 a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
}





/* カラー設定
------------------------------------------------- */

.red{
	color:#cc0000 !important;
}


/* フォント設定
------------------------------------------------- */

.fontS{
	font-size:80%;
}

.fontL{
	font-size:120%;
}


.fontLL{
	font-size:140%;
}


.meiryo{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
}


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

.anchor{
	display:none;
}

body{
	color:#333333;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:150%;
	text-align:center;
	font-size:80%;
	background:#000000;
}


.container{
	width:950px;
	margin:0px auto;
	text-align:left;
	background:url(/assets/templates/comnico/images/back_head.jpg) no-repeat #ffffff;
}

/* ヘッダ
------------------------------------------------- */

.header{
	height:100px !important;
}

h1{
	float:left;
	padding:20px 0 0 40px;
}

h1 a{
	display:block;
	width:215px;
	height:68px;
	background:url(/assets/templates/comnico/images/logo.png) no-repeat;
	text-indent:-9999px;
	
}

.headR{
	float:right;
	padding:10px 0px 0 0;
	width:330px;
}

.socialBtn{
}

.head_menu{
	margin-top:45px;
	float:left;	
	margin-left:126px;
	_margin-left:63px;
}

.head_menu li{
	float:left;
}

.head_menu li a{
	display:block;
	height:14px !important;
	text-indent:-9999px;
	_line-height:100%;
}

.head_menu01 a{
	width:113px;
	background:url(/assets/templates/comnico/images/head_menu.gif) no-repeat 0 0;
	margin-right:10px;
}

.head_menu01 a:hover{
	background:url(/assets/templates/comnico/images/head_menu.gif) no-repeat 0 -14px;
}


.head_menu02 a{
	width:71px;
	background:url(/assets/templates/comnico/images/head_menu.gif) no-repeat -113px 0;
}

.head_menu02 a:hover{
	background:url(/assets/templates/comnico/images/head_menu.gif) no-repeat -113px -14px;
}



/* メニュー
------------------------------------------------- */


.menu{
	width:950px;

}

.menu li{
	float:left;
}

.menu li a{
	display:block;
	width:158px;
	height:44px;
	text-indent:-9999px;
}


.menu li#menu6 a{
	width:160px !important;
	background:url(/assets/templates/comnico/images/menu.jpg) 0 0;
}

.menu li#menu6 a:hover{
	background:url(/assets/templates/comnico/images/menu.jpg) 0 -44px;
}

.menu li.menu_on6 a{
	width:160px !important;
	background:url(/assets/templates/comnico/images/menu.jpg) 0 -44px;
}

#menu7 a{
	background:url(/assets/templates/comnico/images/menu.jpg) -160px 0;
}

#menu7 a:hover{
	background:url(/assets/templates/comnico/images/menu.jpg) -160px -44px;
}

.menu_on7 a{
	background:url(/assets/templates/comnico/images/menu.jpg) -160px -44px;
}


#menu8 a{
	background:url(/assets/templates/comnico/images/menu.jpg) -318px 0;
}

#menu8 a:hover{
	background:url(/assets/templates/comnico/images/menu.jpg) -318px -44px;
}

.menu_on8 a{
	background:url(/assets/templates/comnico/images/menu.jpg) -318px -44px;
}


#menu9 a{
	background:url(/assets/templates/comnico/images/menu.jpg) -476px 0;
}

#menu9 a:hover{
	background:url(/assets/templates/comnico/images/menu.jpg) -476px -44px;
}

.menu_on9 a{
	background:url(/assets/templates/comnico/images/menu.jpg) -476px -44px;
}

#menu10 a{
	background:url(/assets/templates/comnico/images/menu.jpg) -634px 0;
}

#menu10 a:hover{
	background:url(/assets/templates/comnico/images/menu.jpg) -634px -44px;
}

.menu_on10 a{
	background:url(/assets/templates/comnico/images/menu.jpg) -634px -44px;
}

#menu11 a{
	background:url(/assets/templates/comnico/images/menu.jpg) -792px 0;
}

#menu11 a:hover{
	background:url(/assets/templates/comnico/images/menu.jpg) -792px -44px;
}

.menu_on11 a{
	background:url(/assets/templates/comnico/images/menu.jpg) -792px -44px;
}



/* ラッパー
------------------------------------------------- */

.wrapper{
	padding:0 20px 20px;
}

.wrapperL{
	float:left;
	width:200px;
}

.wrapperR{
	float:right;
	width:690px;
}


.wrapperLtop{
	float:left;
	width:640px;
	margin-top:20px;
}

.wrapperRtop{
	float:right;
	width:250px;
	margin-top:20px;
}


/* 下層レフトカラム
------------------------------------------------- */

.wrapperL ul{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	margin:20px 0 20px 10px;
	font-size:120%;
}

.wrapperL ul li{
	margin-bottom:5px;
	_margin-bottom:-15px;
}

.wrapperL ul li a{
	color:#000000 !important;
	background:url(/assets/templates/comnico/images/mark_triangle_black.gif) no-repeat;
	padding-left:13px;
	display:block;
}

.wrapperL ul li a:hover{
	color:#CC0000 !important;
	background:url(/assets/templates/comnico/images/mark_triangle.gif) no-repeat !important;
	text-decoration:none !important;
}

.wrapperL ul li.on a{
	color:#CC0000 !important;
	background:url(/assets/templates/comnico/images/mark_triangle.gif) no-repeat;
	padding-left:13px;
}






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

.to_top{
	text-align:right;
	margin:20px 20px 0 0;
}


.footer{
	margin-top:20px;
	padding-top:20px;
	background:#000000;
	color:#ffffff;

}

.footer a{
	color:#ffffff !important;
}

.footer .floatL{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-size:90%;
}

.footer .floatL strong{
	font-size:150%;
}

.footer ul li{
	display:inline;
	margin:0 2px;
}

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


.top_bn{
}


.back_toph2{
	margin-top:20px;
	width:640px;
	height:40px;
	background:url(/assets/templates/comnico/images/back_toph2.jpg) no-repeat;
}

.back_toph2 .floatR{
	margin:6px 5px 0 0;
}

.top_news_list{
	width:620px;
	margin:10px 10px 0;
}

.top_news_list li{
	padding:7px 0;
	_padding:7px 0 0;
	background:url(/assets/templates/comnico/images/line_dot.gif) repeat-x bottom;
}


.top_news_list span{
	display:block;
	float:left;
	width:145px;
	_width:160px;
	background:url(/assets/templates/comnico/images/mark_triangle.gif) no-repeat;
	padding-left:15px;
}

.top_news_list span img{
	margin-left:10px;
}

.top_news_list a{
	display:block;
	float:left;
	width:460px;
	
}

.top_blog_list{
	width:620px;
	margin:10px 10px 0;
}

.top_blog_list li{
	padding:7px 0;
	_padding:7px 0 0;
	background:url(/assets/templates/comnico/images/line_dot.gif) repeat-x bottom;
}


.top_blog_list span{
	display:block;
	float:left;
	width:105px;
	_width:120px;
	background:url(/assets/templates/comnico/images/mark_triangle.gif) no-repeat;
	padding-left:15px;
}


.top_blog_list a{
	display:block;
	float:left;
	width:500px;
	
}

.slide_area{
	margin-bottom:20px;
	background:#000000;
}


/* パンくず
------------------------------------------------- */

.bread{
	margin:10px 0 10px 20px;
}

.bread a{
	color:#CC0000 !important;
}





/* サービス一覧
------------------------------------------------- */

.service_list{
	
}

.service_list li{
		margin:20px 10px 0;
		_margin:20px 10px 0 5px;
		float:left;
}


/* ブログス
------------------------------------------------- */

.blogsG{
	width:305px;
	_width:325px;
	height:234px;
	_height:254px;
	background:url(/assets/templates/comnico/images/back_blogs.jpg) no-repeat;
	float:left;
	margin:20px 10px 0;
	_margin:20px 7px 0 7px;
	padding:10px;
}

.serviceG_list{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-weight:bold;
	margin:10px 0 0px 10px;
	font-size:110%;
	
}

.blogsG .serviceG_list{
}



.serviceG_list li{
	background:url(/assets/templates/comnico/images/mark_circle_red.gif) no-repeat;
	padding-left:13px;
	margin-bottom:5px;
}

.serviceG_list strong{
	color:#CC0000;
}

.seeding_policy{
	width:662px;
	_width:670px;
	margin:20px 0 0 10px;
	border:solid 4px #C50C0A;
}


.seeding_policy .serviceG_list{
	margin:20px 15px;
}


.seeding_policy .serviceG_list li{
	margin-bottom:10px;
}


/* Twitter
------------------------------------------------- */

.twitterG01{
	width:305px;
	_width:325px;
	height:269px;
	_height:289px;
	background:url(/assets/templates/comnico/images/back_twitter01.jpg) no-repeat;
	float:left;
	margin:20px 10px 0;
	_margin:20px 7px 0 7px;
	padding:10px;
}


.twitterG02{
	width:305px;
	_width:325px;
	height:119px;
	_height:139px;
	background:url(/assets/templates/comnico/images/back_twitter02.jpg) no-repeat;
	padding:10px;
}

/* Facebook
------------------------------------------------- */

.facebookG{
	width:305px;
	_width:325px;
	height:289px;
	_height:309px;
	background:url(/assets/templates/comnico/images/back_facebook.jpg) no-repeat;
	float:left;
	margin:20px 10px 0;
	_margin:20px 7px 0 7px;
	padding:10px;
}


/* Planning
------------------------------------------------- */



.planningG01{
	width:305px;
	_width:325px;
	height:289px;
	_height:309px;
	background:url(/assets/templates/comnico/images/back_planning01.jpg) no-repeat;
	float:left;
	margin:20px 10px 0;
	_margin:20px 7px 0 7px;
	padding:10px;
}

.planningG02{
	width:305px;
	_width:325px;
	height:49px;
	_height:69px !important;
	background:url(/assets/templates/comnico/images/back_planning02.jpg) no-repeat;
	padding:10px;
}

.plG02_t{
	margin-top:10px;
	_margin-top:4px;
}

.planningG02 h3{
	float:left;
	margin-top:5px;
}


.planningG02 ul{
	float:right;
	font-weight:bold;
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-size:110%;
	width:160px;
	margin-top:2px;
}

.planningG02 ul li{
	margin-bottom:8px;
}

.planningG02 ul li a{
	background:url(/assets/templates/comnico/images/mark_arrow.gif) no-repeat;
	padding-left:20px;
	color:#CC0000 !important;
}



/* products
------------------------------------------------- */



.productsG{
	width:305px;
	_width:325px;
	height:309px;
	_height:329px;
	background:url(/assets/templates/comnico/images/back_products.jpg) no-repeat;
	float:left;
	margin:20px 10px 0;
	_margin:20px 7px 0 7px;
	padding:10px;
}

.products_img{

}

.products_img li{
	float:left;
	text-align:center;
	margin-left:23px;
	_margin:0 10px 0 13px;
	font-weight:bold;
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
}

.products_img li img{
	margin-bottom:5px;
}


.mark_arrow{
	background:url(/assets/templates/comnico/images/mark_arrow.gif) no-repeat;
	padding-left:20px;
	font-weight:bold;
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	color:#CC0000 !important;
}

.mark_arrow a{
	color:#CC0000 !important;
}

.productsG .serviceG_list{
	width:185px;
	_margin-left:5px !important;
}


/* event
------------------------------------------------- */

.eventG{
	width:305px;
	_width:325px;
	height:239px;
	_height:259px;
	background:url(/assets/templates/comnico/images/back_event.jpg) no-repeat;
	float:left;
	margin:20px 10px 0;
	_margin:20px 7px 0 7px;
	padding:10px;
}



/* others
------------------------------------------------- */

.othersG{
	width:305px;
	_width:325px;
	height:184px;
	_height:204px;
	background:url(/assets/templates/comnico/images/back_other.jpg) no-repeat;
	float:left;
	margin:20px 10px 0;
	_margin:20px 7px 0 7px;
	padding:10px;
}


/* mixi
------------------------------------------------- */

.mixiG{
	width:670px;
	_width:625px;
	height:490px;
	_height:504px;
	background:url(/assets/templates/comnico/images/back_mixi.jpg) no-repeat;
	float:left;
	margin:20px 10px 0;
	_margin:20px 7px 0 7px;
	padding:10px;
}


/* 経営理念
------------------------------------------------- */

.visionG{
	width:632px;
	_width:672px;
	height:194px;
	_height:214px;
	background:url(/assets/templates/comnico/images/back_vision.jpg) no-repeat;
	margin:20px 0px 0 10px;
	_margin:20px 0px 0 5px;
	padding:10px 20px;
}

.visionG p{
	font-weight:bold;
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-size:130%;
	line-height:200%;
	margin-left:60px;
}

.seeding_policy p{
	margin:0 20px 20px;
}

.seeding_policy p.mg_t20{
	margin-top:20px !important;
}

/* 会社概要
------------------------------------------------- */

.profile_tbl{
	width:620px;
	margin:20px 0 0 20px;	

}

.profile_tbl th{
	background:url(/assets/templates/comnico/images/line_dot.gif) repeat-x bottom;
	padding:10px 0;
	font-weight:bold;
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	text-align:left;
	width:160px;
}


.profile_tbl td{
	background:url(/assets/templates/comnico/images/line_dot.gif) repeat-x bottom;
	padding:10px 0;
}

.profile_tbl span.red a{
	color:#CC0000 !important;
}

.mark_arrow02 a{
	background:url(/assets/templates/comnico/images/mark_arrow.gif) no-repeat;
	padding-left:20px;
	font-weight:bold;
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	color:#CC0000 !important;
}


/* アクセス
------------------------------------------------- */

.accessG{
	border:solid 4px #CC0000;
	margin-left:35px;
	width:610px;
	margin-top:20px;
}

.accessG h3{
	padding:5px 20px;
	background:#CC0000;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-size:100%;
	text-align:center;
}

.accessG ul{
	margin:10px 20px 20px;
}

.accessG ul li{
	background:url(/assets/templates/comnico/images/mark_circle_red.gif) no-repeat;
	padding-left:15px;
	margin-bottom:5px;
}


/* 採用情報
------------------------------------------------- */

.recruitG{
	border:solid 4px #CC0000;
	margin-left:10px;
	width:660px;
	margin-top:20px;
	text-align:center;
}

.recruitG h3{
	padding:5px 20px;
	background:#CC0000;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-size:100%;
	text-align:center;
}

.recruitG p{
	margin:20px;
	font-weight:bold;
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-size:110%;
}


/* ニュース
------------------------------------------------- */


.news_list{
	width:670px;
	margin:20px 10px 0px 10px;
}

.news_list li{
	padding:10px 0;
	_padding:10px 0 0;
	background:url(/assets/templates/comnico/images/line_dot.gif) repeat-x bottom;
}


.news_list span{
	display:block;
	float:left;
	width:145px;
	_width:160px;
	background:url(/assets/templates/comnico/images/mark_triangle.gif) no-repeat;
	padding-left:15px;
}

.news_list span img{
	margin-left:10px;
}

.news_list a{
	display:block;
	float:left;
	width:510px;
	
}

.paging{
	margin-top:30px;
	text-align:center;
	font-weight:bold;
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-size:80%;
}

.paging a{
	border:solid 2px #CC0000;
	padding:1px 3px;
	margin:0 3px;
	background:#CC0000;
	color:#ffffff !important;
	text-decoration:none !important;
}

.paging span{
	border:solid 2px #CC0000;
	padding:1px 3px;
	margin:0 3px;	
	color:#cc0000 !important;
}

.paging a:hover{
	background:#ffffff;
	color:#cc0000 !important;
}

.news_tit{
	background:url(/assets/images/news/mark_news.jpg) no-repeat;
	padding:10px 0 0px 70px;
	min-height:50px;
	margin-top:20px;
	font-weight:bold;
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	font-size:140%;
	color:#CC0000;
	margin-right:10px;
}

.news_tit span{
	display:block;
	text-align:right;
	color:#000000;
	font-size:80%;
	margin-top:5px;
}

.news_cont{
	margin:0 20px;
}

.news_cont p{
	margin-top:20px;
}

.news_cont h4{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	padding:4px 10px 2px;
	background:#CC0000;
	color:#FFFFFF;
	margin-top:20px;
	font-size:110%;
	font-weight:bold;
}

.news_cont b{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
}



/* 個人情報保護方針
------------------------------------------------- */

.sub_tit{
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	padding:4px 10px 2px;
	background:#CC0000;
	color:#FFFFFF;
	margin-top:20px;
	font-size:110%;
	font-weight:bold;
}

.privacy{
	margin:0px 10px;
}

.privacy p{
	margin-top:20px;
}

.privacy ol{
	list-style-type:decimal;
	margin-left:30px;
}

.privacy ol li{
	margin-top:20px;
}

.privacy ol li ul{
	margin-left:20px;
}

.privacy ol li ul.disc{
	list-style-type:disc;
}

.privacy ol li ul.disc li{
	margin-top:10px;
}

.privacy ol li p{
	text-indent:-1em;
	margin-left:3em;
	
}



/* お問合せ
------------------------------------------------- */

.contact_tbl{

}

.contact_tbl input{
	border:solid 1px #CCCCCC;
	height:25px;
	*padding:5px 8px 0;
	_padding:3px 8px;
	width:300px;
	
}

.contact_tbl select{
	border:solid 1px #CCCCCC;
	height:25px;
	*padding:5px 8px 0;
	_padding:3px 8px;
}

.btn_confirm{
	display:block;
	width:128px;
	height:40px;
	background:url(/assets/templates/comnico/images/btn_confirm.jpg) no-repeat;
	border:none;
	text-indent:-9999px;
	font-size:0px;
	color:#ffffff;
	_padding-top:40px;
	cursor:pointer;
	float:left;
	margin:20px 10px 0 200px;
	_margin:20px 10px 0 100px;
}

.btn_reset{
	display:block;
	width:128px;
	height:40px;
	background:url(/assets/templates/comnico/images/btn_reset.jpg) no-repeat;
	border:none;
	text-indent:-9999px;
	font-size:0px;
	color:#ffffff;
	_padding-top:40px;
	cursor:pointer;
	float:left;
	margin:20px 10px 0 0px;
}

.btn_submit{
	display:block;
	width:128px;
	height:40px;
	background:url(/assets/templates/comnico/images/btn_submit.jpg) no-repeat;
	border:none;
	text-indent:-9999px;
	font-size:0px;
	color:#ffffff;
	_padding-top:40px;
	cursor:pointer;
	float:left;
	margin:20px 10px 0 200px;
	_margin:20px 10px 0 100px;
}

.btn_back{
	display:block;
	width:128px;
	height:40px;
	background:url(/assets/templates/comnico/images/btn_back.jpg) no-repeat;
	border:none;
	text-indent:-9999px;
	font-size:0px;
	color:#ffffff;
	_padding-top:40px;
	cursor:pointer;
	float:left;
	margin:20px 10px 0 0px;
}

.error{
	color:#cc0000;
	font-weight:bold;
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;

}

#contents{
	width: 670px;
	margin: 20px 0 0;
	padding: 10px;
}

.description {
	background: url(http://www.comnico.jp/assets/templates/comnico/images/line_dot.gif) bottom repeat-x;
	margin: 0 0 20px;
	padding: 0 0 10px;
}

.redfont{
	color:#cc0000;
}

.row{
	margin: 0 0 10px;
}

.column1{
	width: 180px;
	float: left;
}

.column2{
	width: 300px;
	float: left;
}

.column3{
	width: 480px;
	float: left;
}

.column3 textarea{
	font-size: 124%;
}

.input{
	width: 300px;
}

.input2{
	width: 480px;
	height: 150px;
	float: left;
}

.info{
	width: 620px;
	height: 120px;
	padding: 10px 20px 0;
	border: 1px solid;
	border-color: #CCC;
	overflow-y: scroll;
	overflow-x: hidden;
}

.info p{
	margin: 0 0 1.6em;
}

.info ol{
	list-style: decimal inside;
	margin: 0 0 1.6em;
}

.info ol li{
	text-indent: -1em;
	padding: 0 0 0 1em;
}

.infotop{
	text-align:right;
}

.agreebtn{
	width: 310px;
	margin: 50px auto;
}

.buttonbox{
	width: 286px;
	margin: 50px auto;
	text-align: center;
}

.btns{
	width: 103px;
	float: left;
	margin: 0px 20px;
}

.filter07 a:hover img{
	opacity: 0.7;
}


/* Works
------------------------------------------------- */

.worksG{
	width:305px;
	_width:325px;
	height:320px;
	_height:340px !important;
	background:url(http://www.comnico.jp/assets/images/works/back_works.gif) no-repeat;
	padding:10px;
	float:left;
	margin:10px 10px 10px;
	font-weight:bold;
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	
}

.worksG h3{
	widht:281px;
	_widht:295px;
	height:41px;
	_height:48px !important;
	background:url(http://www.comnico.jp/assets/images/works/back_works_tit.jpg) no-repeat;
	color:#ffffff;
	font-size:100%;
	padding:7px 7px 0 7px;
	margin:10px 0 10px 4px;
}

.worksG .clearfix p{

	margin-left:10px;
}

.worksG .clearfix p a{

	background:url(/assets/templates/comnico/images/mark_arrow.gif) no-repeat;
	padding-left:17px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .worksG .clearfix p a  { background:url(/assets/templates/comnico/images/mark_arrow02.gif) no-repeat; }
}











.bg_none{
	background:none !important;
}


.mg_none{
	margin:0px !important;
}