@charset "UTF-8";

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

　　GeeSync INDEX -トップページ

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

/*===============================================================================
　フレーム
===============================================================================*/

/* --メインイメージ----------------------------------------------------------------- */ 

#main_image{ 
        margin:0 auto; 
        width:900px; 
        height:339px; 
        clear:both; 
        background:url("../img/index/geesync_main_bg.png") no-repeat; 
         
        } 

#main_image p.movie{ 
        position:relative; 
    width:256px; 
        height:155px; 
        top:35px; 
        left:605px; 
        } 

#main_image ul.mo{
    float:right;
    width:390px;
	height:120px;
	margin:200px 30px 10px 0;
	}
		
#main_image ul.mo li{
	float:left;
	color:#fff;
	font-size:14px;
	line-height:22px;
	}
	
#main_image ul.mo li.txt{
	width:220px;
	padding-right:10px;
	padding-top:5px;
	}
	
#main_image ul.mo li.movie{
	width:160px;
	}
	
/* --INDEXコンテンツ開始------------------------------------------------------------ */



/* h1タイトル */

h1{
    background:url("../img/index/h1_title.png") no-repeat;
	width: 850px;
	height: 30px;
	padding: 10px 0 0 10px;
	text-indent: -9999px;
	font-size: 0;
	}

	

/* h3タイトル */	
h3{
	width: 860px;
	height: 30px;
	padding: 0 0 0 20px;
	margin: 0 auto;
	background:#f2f2f2;
	font-size:14px;
	color:#333;
	line-height:30px;
	border-bottom:1px solid #a4d047;
	clear:both;
	}
	
/* h4タイトル */	
h4{
	width: 770px;
	height: 35px;
	padding: 0 0 0 100px;
	margin: 20px auto 0 auto;
	background:#F7F6F2 url("../img/support/faq_icon.png") no-repeat 10px center;
	font-size:14px;
	color:#008F3B;
	line-height:35px;
	border:5px solid #E9E6DF;
	clear:both;
	}
	
h4 span{
	font-size:12px;
	color:#008F3B;
	font-weight:normal;
	}
	
/*--------------------------------------------- 対応OS
*/	
div.container-box {
    width: 860px;
    margin: 0 auto 0px auto;
	background:#F7F6F2;
    overflow: auto;
}

div.container-box ul.txt_box{
	margin:0 auto;
	overflow:auto;
	}
	
div.container-box ul.txt_box li.title{
	padding:10px;
	} 
	
div.container-box ul.txt_box li.txt{
	padding:0 20px 20px 20px;
	} 



	
/*--------------------------------------------- ニュース開始*/

#news_area{
	clear:both;
	width: 900px;
	height:50px;
	background:url("../img/index/news_bg.png") no-repeat left top;
	margin: 0 auto;
	}

#news_area02{
	clear:both;
	width: 900px;
	height:50px;
	background:url("../img/index/news_bg02.png") no-repeat left top;
	margin: 0 auto 10px auto;
	}

#news_area03{
	clear:both;
	width: 900px;
	height:50px;
	background:url("../img/index/news_bg03.png") no-repeat left top;
	margin: 0 auto 10px auto;
	}
	
#news_area li{
	float:left;
	}
	
#news_area li.btn{
	float:left;
	padding-top:10px;
	}

#news-list {
	width: 550px;
	height:30px;
	padding: 12px 0 10px 220px;
	margin: 0 auto;
	clear:both;
}

#news_area02 li,#news_area03 li{
	line-height:50px;
	padding: 0 0 0 220px;
}

#news_area02 li a,#news_area03 li a{
	text-decoration:underline;
}

#news-txt {
	float: left;
	margin:0;
	padding: 5px 0 0 0;
	font-size: 12px;
	text-align: left;
}

#news-txt a{
	text-decoration:underline;
	}
/* ニュース終了*/

/* --どんなことができるの？------------------------------------------------------------ */	
	

#question_area{
	clear:both;
    width:870px;
	margin:15px auto 0 auto;
	padding:0 10px 10px 20px;
	overflow:auto;
	}
	
#q_area01,
#q_area02,
#q_area03 {
    width:280px;
	margin:0px auto;
	float:left;
	padding-right:10px;
	}
	

#q_area01{ background:url("../img/index/d_bg01.png") no-repeat;}
	
#q_area02{ background:url("../img/index/d_bg02.png") no-repeat;}
	
#q_area03{ background:url("../img/index/d_bg03.png") no-repeat;}
	
#q_area01 ul,#q_area02 ul,#q_area03 ul{
	width:280px;
	background:#5480D9;
	margin-top:150px;
	padding:0;
	overflow:auto;
	
}	
#q_area01 li.txt,
#q_area02 li.txt,
#q_area03 li.txt{
    width:220px;
	height:40px;
	padding:15px 20px;
	margin: 0 10px;
	font-size:15px;
	background:#fff;
	}
	
#q_area01 li.under,#q_area02 li.under,#q_area03 li.under{
	width:280px;
	height:10px;
	background:url("../img/index/d_bg_under.png") no-repeat top;
	}

/* 動画 */
#q_area01 li.q_area_mo,#q_area02 li.q_area_mo,#q_area03 li.q_area_mo{
    width:220px;
	background:#fff;
	padding:5px 20px;
	margin: 0 10px;
	text-align:center;
	}
	
#question_btn{
	clear:both;
    width:860px;
	height:60px;
	margin:0 auto;
	
	}
/* --対応カメラ------------------------------------------------------------ */	

#spec_cam_area{
	width:860px;
	height:70px;
	margin:20px auto;
	background:url("../img/index/spec_cam_bg.png") no-repeat top;
	overflow:hidden;
	}
	
#spec_cam_area .txt{
	width:440px;
	float:left;
	color: #333;
	padding-left:250px;
	padding-top:17px;
	font-size:13px;
	}
	
#spec_cam_area .btn{
	float:left;
	padding-top:20px;
	}
	
	/*===============================================================================
　お問い合わせ
===============================================================================*/
#contactus_area p{
	width: 830px;
	margin:10px auto 0 auto;
	}
	
#contactus_area .demo_box{
	clear:both;
	border:10px solid #f2f2f2;
	background:#fff;
	margin:0 auto 15px auto;
	width:840px;
	padding:10px;
	text-align:center;
	overflow:auto;
	}
	
#contactus_area .demo_box li{
	float:left;
	text-align:left;
	width:520px;
	padding:10px 0 0 0;}
	
#contactus_area .demo_box li.btn{
	width:280px;
	padding:0 0 0 30px;
	}

	
#contactus_area .contact_box li{
	float:left;
	text-align:left;
	width:520px;}
	
#contactus_area .contact_box li.btn{
	width:280px;
	padding-left:30px;
	}