@charset "UTF-8";
/*===============レイアウト===============
     1:全ページ共通
     2:ヘッダ
     3:コンテンツ
     4:サイド
     5:フッタ


/*フォントサイズ一覧
.text09 { font-size:69%; }
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
*/


/*==================================
    ■ 1:全ページ共通
==================================*/
/*フッターを最下段にする処理ここから*/
html,body{
    height:100%;
}
div#container{
    position:relative;
    min-height:100%;
}
* html div#container{
    height:100%;
}
div#wrapper{
    /*padding-bottom:457px;*/
    padding-bottom:487px;
}

div#footer{
    position:absolute;
    bottom:0;
    width:100%;
    /*height:437px;*/
    height:467px;
}
/*フッターを最下段にする処理ここまで*/

h3{
    /*font-size:16px;
    font-weight:bold;
    border-bottom:#333 dotted 1px;
    margin:10px 0;
    padding-bottom:5px;*/

}

.inner{
    width:933px;
    margin:auto;
}
.explanation{
    padding:0;
    margin-bottom:10px;
}


.error {
  color:#F00 !important;
}
.point {
}
.attention_box{
	background-color:#FBEDE3;
	border:#F90 solid 1px;
	/*width:580px;*/
	margin:10px 0;
	padding:10px;
	-moz-border-radius-topleft: 5px;     /* 左上 */
	-moz-border-radius-topright: 5px;    /* 右上 */
	-moz-border-radius-bottomleft: 5px;     /* 左下 */
	-moz-border-radius-bottomright: 5px;    /* 左下 */
	
	-webkit-border-top-left-radius: 5px;     /* 左上 */
	-webkit-border-top-right-radius: 5px;    /* 右上 */
	-webkit-border-bottom-left-radius: 5px;     /* 左下 */
	-webkit-border-bottom-right-radius: 5px;    /* 右下 */
	line-height:1.5;
}

.attention_box_secession{
	background-color:#FBEDE3;
	border:#F90 solid 1px;
	/*width:580px;*/
	margin:10px 10px 10px 0;
	padding:10px;
	-moz-border-radius-topleft: 5px;     /* 左上 */
	-moz-border-radius-topright: 5px;    /* 右上 */
	-moz-border-radius-bottomleft: 5px;     /* 左下 */
	-moz-border-radius-bottomright: 5px;    /* 左下 */
	
	-webkit-border-top-left-radius: 5px;     /* 左上 */
	-webkit-border-top-right-radius: 5px;    /* 右上 */
	-webkit-border-bottom-left-radius: 5px;     /* 左下 */
	-webkit-border-bottom-right-radius: 5px;    /* 右下 */
	line-height:1.5;
}

.attention_box_resist{
	background-color:#FBEDE3;
	border:#F90 solid 1px;
	margin:10px;
	padding:10px;

	width:650px;

	-moz-border-radius-topleft: 5px;     /* 左上 */
	-moz-border-radius-topright: 5px;    /* 右上 */
	-moz-border-radius-bottomleft: 5px;     /* 左下 */
	-moz-border-radius-bottomright: 5px;    /* 左下 */
	
	-webkit-border-top-left-radius: 5px;     /* 左上 */
	-webkit-border-top-right-radius: 5px;    /* 右上 */
	-webkit-border-bottom-left-radius: 5px;     /* 左下 */
	-webkit-border-bottom-right-radius: 5px;    /* 右下 */
	line-height:1.5;
}

.attention {
	font-weight:bold;
}
.attention span{
	color:#F00;
}
.attention_box ul{
	list-style-type:disc;
	padding-left:20px;
}
.box{
    margin-bottom:20px;
}
.center{
	margin:5px 0;
	padding:0;
    text-align:center;
}

.title,
#project_col h2,
#project_side h2 {
    height: 26px;
    margin:28px 0 20px 0;
    padding:0;
    color: #FFF;
    font-weight: bold;

}

#order_head h2{
    height: 26px;
    margin:28px 0 20px 0;
    padding:0;
    color: #333;
    font-weight: bold;

}
#order_head h3{

    margin:10px 0;
    padding:0;
    color: #333;
    font-weight: bold;
	font-size:189%;

}

#order_head p{

    margin:0 0 40px 0;
    padding:0;
    color: #333;



}



#main .title {
    width: 813px;

	color:#333;
	/*text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3);*/
	font-size:138.5%;

}
#btn_sns{
	text-align:right;
	float:right;
	width: 120px;
	list-style:none;
	margin:0;
	padding:0;
}
#btn_sns li{
	float:left;
	margin:0 10px 0 0;
	padding:0;
}
#btn_sns a{

	font-size:0;
}


#project_col h2 {
	width: 559px;
	color:#333;
}

#my_page .title {
    width: 813px;

	color:#333;
	/*text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3);*/
	font-size:138.5%;
}



#project_side h2 {
    width: 335px;
    height: 28px;
    padding-top: 11px;
    margin-bottom: 0;
    background: url(../images/common/title_side_360.png) no-repeat;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3);

}

div.onecolumn {
    width:700px;
    margin: 0 auto;
}

/*** 年齢認証 ***/
.verification {
    position: fixed;
    display: none;
    z-index: 9999; 
    top: 40%;
    left: 45%;
    margin: 0 0 0 -100px;
    text-align: center; 
    color: #ffffff;
	font-size:131%;
}
.verification p { 
    margin-bottom: 10px;
}
.verification a { 
	margin:0 10px 0 0;
	padding:0;
    cursor: pointer; 
    color: #ffffff;
	font-size:85%;
}
.overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.9;
	filter:alpha(opacity=90)”
}


/*==================================
    ■ 2:ヘッダ
==================================*/
#header{
    /*background-image:url("../images/common/bg_hd_bage.gif");
    background-repeat:repeat;*/

	height:63px;
/*	border-top:1px solid #6f6f6f;
	border-bottom:1px solid #333;*/
	position:relative;
	z-index:1;


}

#header h1{
    float:left;
	width:136px;
	height:51px;
	padding-top:6px;
	font-size:0;

}
#header h1 a{
	display:block;
}


#header #navi{
	float:right;
	text-align:right;
    display:inline-block;
    *display:inline;
	margin:0;
	padding:0;
}
#header #navi li{

	text-align:center;
	float:left;
	/*border-left:1px solid #333;*/
	margin:0;
	padding:0;
	height:63px;

	opacity:0.9;
	filter: alpha(opacity=90);

}
#header #navi li:hover{

	/*background:#f3f3f3;*/
	opacity:0.7;
	filter: alpha(opacity=70);
}

#header #navi li a{


	display:block;
	font-weight:bold;

	height:51px;
	margin:0 0 0 0;
	padding:12px 10px 0 30px;
	/*padding:12px 20px 0 30px;*/

	color:#ebebeb;

}
#header #navi li a:hover {

}

/********menu説明テキスト********/
#header #navi li span{
	color:#999;
	font-weight:normal;
	font-size:85%;
	letter-spacing: 0.1em;
	margin:0 0 0 -20px;
}



/********アイコン********/
.icon_project{
	background-image:url(../images/guide/icon_project.png);
	background-repeat:no-repeat;
	background-position:10px 12px;
}
.icon_projectup{
	background-image:url(../images/common/icon_projectupload.png);
	background-repeat:no-repeat;
	background-position:10px 12px;
}

.icon_guide{
	background-image:url(../images/guide/icon_userguide.png);
	background-repeat:no-repeat;
	background-position:10px 12px;
}

.icon_beginner{
	background-image:url(../images/guide/icon_biginer.png);
	background-repeat:no-repeat;
	background-position:15px 12px;
}

/**************ログイン・新規登録ボタン***********/

#header #login_navi{

    text-align:center;
    float:right;
    margin:0;

}

#header #login_navi li{
	float:left;
	/*border-left:1px solid #333;*/
	margin:0;
	padding:0;
	height:63px;



}
.login_btn a{
	display:block;
	color:#ebebeb;
	height:43px;
	margin:0;
	padding:20px 10px 0 10px;
	font-weight:bold;

	opacity:0.9;
	filter: alpha(opacity=90);



}
.login_btn a:hover{
    	/*color:#68b8be;*/

	opacity:0.7;
	filter: alpha(opacity=70);

}


.hd_partition a{
	display:block;
    	color:#ebebeb;
	height:43px;
	margin:0;
	/*padding:20px 10px 0 48px;*/
	padding:20px 18px 0 40px;

	font-weight:bold;

	/*background: url(../images/guide/icon_fbtw_smdark.png) 7px 20px no-repeat;*/

	background: url(../images/guide/icon_fbtw_smdark.png) 16px 20px no-repeat;

	opacity:0.9;
	filter: alpha(opacity=90);

}

.hd_partition a:hover{
	display:block;

	height:43px;
	margin:0;
	/*padding:20px 10px 0 48px;*/
	padding:20px 18px 0 40px;

	font-weight:bold;

	/*background: url(../images/guide/icon_fbtw_smdark.png) 7px 20px no-repeat;*/

	background: url(../images/guide/icon_fbtw_smdark.png) 16px 20px no-repeat;

	opacity:0.7;
	filter: alpha(opacity=70);


}

/********ガイド総合トップ**********/

#main_img_guide{
	text-align:center;
	position:relative;
	top:0;
	left:0;


	z-index:0;
	
}
.main_img_guide01{

	background:url("../images/guide/bg_mainimage.jpg") top center no-repeat;
	height:500px;
	margin:-63px 0 0 0;
	padding:5px 0 0 0;

}
.main_img_guide02{

	background:url("../images/guide/bg_mainimage02.jpg") top center no-repeat;
	height:852px;
	margin:-63px 0 0 0;
	padding:235px 0 0 0;

}



.main_img_guidetxt{
	margin:140px 0 28px 0;
	padding:0;
	color:#ebebeb;
	font-size:131%;
	font-weight:bold;
}
.main_img_guidetxt02{
	margin:28px 0 0 0;
	padding:0;
	color:#ebebeb;
	font-size:131%;
	letter-spacing: 0.1em;
}


.main_img_guidetxt02 a{
	color:#f2bc28;
	text-decoration:underline;
	font-weight:bold;
}
.main_img_guidetxt02 a:hover{
	color:#d3a015;
}







.main_img_guidetxt03{
	margin:140px 0 70px 0;
	padding:0;
	color:#ebebeb;
	/*font-size:131%;*/
	font-size:182%;
	font-weight:bold;
}








.btn_sns_box{
	width:678px;
	height:50px;
	margin:0 auto;
	padding:0;
}





#btn_facebook_resist{
	float:left;
	display:block;
	width:284px;
	height:36px;
	margin:0 20px 0 0;
	padding:14px 0 0 45px;
	background:url("../images/guide/btn_facebook.png") top left no-repeat;
	color:#ebebeb;
	font-size:15px;
	letter-spacing: 0.1em;

}

#btn_facebook_resist:hover{
	opacity:0.7;
	filter: alpha(opacity=70);

}

#btn_twitter_resist{
	float:left;
	display:block;
	width:294px;
	height:36px;
	margin:0;
	padding:14px 0 0 35px;
	background:url("../images/guide/btn_twitter.png") top left no-repeat;
	color:#ebebeb;
	font-size:15px;
	letter-spacing: 0.1em;
}



#btn_twitter_resist:hover{
	opacity:0.7;
	filter: alpha(opacity=70);

}



/****************プロジェクト申請ボタン***************/
.btn_project_report{
	display:block;
	margin:28px auto 10px auto;
	padding:10px 0 0 0;
	width:681px;
	height:36px;
	/*background:#dcb343;*/
	background:#68b8be;
	color:#ebebeb;
	font-size:131%;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	position:relative;	      /* CSS3 PIE */
	behavior: url("/css/PIE-1.0.0/PIE.htc");	      /* CSS3 PIE */
}


.btn_project_report:hover{
	color:#ebebeb;
	/*background:#d3a015;*/
	background:#66cccc;
}


.btn_project_report span{
	margin:0;
	padding:0 0 0 22px;
	background:url("../images/guide/icon_project_s.png") 0px 5px no-repeat;
}

/****************プロジェクト一覧へボタン***************/
.btn_project_all{
	display:block;
	margin:28px auto 10px auto;
	padding:10px 0 0 0;
	width:681px;
	height:36px;
	background:#dcb343;	
	color:#ebebeb;
	font-size:131%;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	position:relative;	      /* CSS3 PIE */
	behavior: url("/css/PIE-1.0.0/PIE.htc");	      /* CSS3 PIE */
}


.btn_project_all:hover{
	color:#ebebeb;
	background:#d3a015;
}


.btn_project_all span{
	margin:0;
	padding:0 0 0 22px;
	background:url("../images/guide/icon_project.png") 0px 4px no-repeat;
}





/********ガイド総合メニュー**********/

#guide_nav {
	margin:0 0 0 0;
	padding:0;
	width: 100%;
	height: 42px;
	background: #362e2b;
	border-top:#2c2826 1px solid;

	z-index:3;

	
}
#guide_nav ul{
	list-style:none;
	width:933px;
	margin:0 auto;
	padding:0;

}
#guide_nav li{
	float:left;
	margin:0 0 0 0;
	padding:0;

}
.icon_hover{
	display:block;
	margin:0;
	padding:10px 10px 0 10px;
	height: 32px;
	color:#ebebeb;
}
.icon_hover:hover{
	margin:0;
	padding:10px 10px 0 10px;
	height: 32px;
	color:#b3b2b2;
	background:#2f2826 url("../images/guide/icon_up.gif") center bottom no-repeat;

}


.icon_hover_ov{
	background:#2f2826 url("../images/guide/icon_up.gif") center bottom no-repeat;
	color:#b3b2b2;
}


.guide_fixed {
	position: fixed;
	top: 0px;
	opacity:0.9;
	/*filter: alpha(opacity=90);*/

}

/********ガイド総合ステップ**********/

.project_guide_title{
	margin:42px 0 50px 0;
	padding:0;
	color:#333333;
	font-weight:bold;
	

}

#guidestep_wrap{
	margin:0;
	padding:0;
}
#guidestep_wrap a{

	color: #68b8be;
}
#guidestep_wrap a:hover{

	color: #66cccc;
}

.guidestep_list{
list-style:none;
margin:50px 0 0 0;
padding:0 0 0 220px;
font-size:16px;
min-height:158px;

}

.guidestep_list li{
margin:0 0 20px 0;
	padding:0;
}
.guidestep_img01{background: url(/images/guide/icon_lg_01.gif) 20px 0px no-repeat;}
.guidestep_img02{background: url(/images/guide/icon_lg_02.gif) 20px 0px no-repeat;}
.guidestep_img03{background: url(/images/guide/icon_lg_03.gif) 20px 0px no-repeat;}
.guidestep_img04{background: url(/images/guide/icon_lg_04.gif) 20px 0px no-repeat;}
.guidestep_img05{background: url(/images/guide/icon_lg_05.gif) 20px 0px no-repeat;}
.guidestep_img06{background: url(/images/guide/icon_lg_06.gif) 20px 0px no-repeat;}
.guidestep_img07{background: url(/images/guide/icon_lg_07.gif) 20px 0px no-repeat;}
.guidestep_img08{background: url(/images/guide/icon_lg_08.gif) 20px 0px no-repeat;}
.guidestep_img09{background: url(/images/guide/icon_lg_09.gif) 20px 0px no-repeat;}
.guidestep_img10{background: url(/images/guide/icon_lg_10.gif) 20px 0px no-repeat;}
.guidestep_img11{background: url(/images/guide/icon_lg_11.gif) 20px 0px no-repeat;}
.guidestep_img12{background: url(/images/guide/icon_lg_12.gif) 20px 0px no-repeat;}

.guidestep_tl{
	margin:0;
	padding:0;
	font-weight:bold;
	position:relative;
}

.guidestep_tl_txt{
	position:relative;
	top:2px;
	left:40px;

}

.guidestep_date{
	float:right;
	display:block;
	width:164px;
	height:21px;
	margin:0;
	padding:3px 0 0 30px;
	background: url(/images/guide/bg_date.gif) top left no-repeat;
	font-weight:normal;
	font-size:13px;
}



.icon_num{
    /*background-color:#63b7b9;*/
    background-color:#d56501;
    padding:2px 5px 0px 5px;
    margin:0;
    font-weight:bold;
    text-decoration:none;
	color:#FFF;

/* 角丸 */
-webkit-border-radius:7px;
-moz-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
border-radius:7px;

position:absolute;
behavior: url("/css/PIE-1.0.0/PIE.htc");

}
.guidestep_cmt{

font-size:14px;
	line-height:1.7;
}




.guidestep_i{

	margin:0;
	padding:0;
	font-size:13px;
	line-height:1.6;
	background:#f6f8fa;
	border:1px solid #eaebeb;

/* 角丸 */
-webkit-border-radius:7px;
-moz-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
border-radius:7px;

position:relative;
behavior: url("/css/PIE-1.0.0/PIE.htc");
}


.guidestep_i span{
	display:block;
	padding:10px 10px 10px 81px;

	min-height:80px;
	height:100%;


	background: url(/images/guide/icon_info.gif) center left no-repeat;

	/* 角丸 */
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;

	position:relative;
	behavior: url("/css/PIE-1.0.0/PIE.htc");
}












.guidestep_link{

	margin:0;
	padding:0;

	min-height:50px;
}




.guidestep_link a{

	margin:0 10px 0 0;
	padding:0 0 0 12px;
	color:#68b8be;
	font-weight:bold;
	font-size:13px;
	background:url("/images/common/icon_arrow.gif") center left no-repeat;
	text-decoration:underline;
}
.guidestep_link a:hover{

	margin:0 10px 0 0;
	padding:0 0 0 12px;
	color:#66cccc;
	font-weight:bold;
	font-size:13px;
	background:url("/images/common/icon_arrow.gif") center left no-repeat;
	text-decoration:underline;
}



.guidestep_link02{
	text-align:center;
	margin:30px 0 0 0;
	padding:0;
	height:40px;
	position:relative;
/*	top:50px;
	left:50%;
	width:300px;*/
}

/*
.guidestep_link02 img{
	margin-left:-12px;
	padding:0;
	width:32px;
	height:40px;
	position:absolute;
}
*/


/*********プロジェクト申請ボタンS*********/

.btn_project_report_s{
	text-align:center;
	margin:0;
	padding:0;
}

.btn_project_report_s a{
	display:block;
	margin:100px auto 10px auto;
	padding:10px 0 0 0;
	width:681px;
	height:36px;
	/*background:#dcb343;*/	
	background:#68b8be;
	font-size:131%;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	position:relative;	      /* CSS3 PIE */
	behavior: url("/css/PIE-1.0.0/PIE.htc");	      /* CSS3 PIE */
}


.btn_project_report_s a:hover{

	/*background:#d3a015;*/
	background:#66cccc;
}

.btn_project_report_s span{
	margin:0;
	padding:0 0 0 22px;
	color:#ebebeb;
	background:url("../images/guide/icon_project_s.png") 0px 5px no-repeat;
}

/*********プロジェクト一覧ボタンS*********/

.btn_project_all_s{
	text-align:center;
	margin:0;
	padding:0;
}

.btn_project_all_s a{
	display:block;
	margin:100px auto 10px auto;
	padding:10px 0 0 0;
	width:681px;
	height:36px;
	background:#dcb343;	

	font-size:131%;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	position:relative;	      /* CSS3 PIE */
	behavior: url("/css/PIE-1.0.0/PIE.htc");	      /* CSS3 PIE */
}


.btn_project_all_s a:hover{

	background:#d3a015;
}

.btn_project_all_s span{
	margin:0;
	padding:0 0 0 22px;
	color:#ebebeb;
	background:url("../images/guide/icon_project.png") 0px 4px no-repeat;
}


/*****次へ*****/

.foot_link{
	text-align:center;
	margin:0 0 200px 0;
	padding:0;

}
.foot_link p{

	height:14px;
	width:340px;
	margin:45px auto 45px auto;
	padding:0;
	background:url("../images/guide/bg_line03.gif") 0px 5px no-repeat;

}
.foot_link span{
	font-size:16px;
	margin:0;
	padding:0;
	background:#f4f4ec;

}






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

#main_image{

	background-image:url("../images/common/ba_mainIMG.gif");
	background-repeat:repeat;

	height:322px;
	border-top:1px solid #6f6f6f;
	margin:0;
	padding:0;
}

#main_image_innner{
	margin:30px auto;
	padding:0;
	width:933px;
	background:#e9e3d9;
}

#main_image_left{
	float:left;
	margin:0;
	padding:0;
	width:465px;
	height:256px;

}

/*
#main_image_left a{
	display:block;
	margin:0;
	padding:0;
	width:465px;
	height:256px;

}
*/


.menu_vod{
	float:right;
	margin:0;
	padding:0;

	height:256px;


}


#main_image_right{
	float:right;
	margin:0;
	padding:12px 10px 0 30px;
	width:428px;
	height:241px;
	background: url("../images/common/line_y_dot.gif") top left repeat-y;

}




.txt_link{
	margin:0;
	padding:0;
	font-size:85%;
	text-decoration:underline;
}

#main_image_right p{
	margin:5px 0 0 0;
	padding:0;
	font-size:116%;
	font-weight:bold;
	line-height:160%;
	letter-spacing: 0.03em;
}

.maintxt_yw{

	color:#CC9900;
}
.maintxt_sm{
	display:block;
	margin:8px 0 0 0;
	padding:0;
	font-size:93%;
	line-height:140%;
}





#mimg_menu_box{
	list-style:none;
	margin:10px 0 10px 0;
	padding:0;

}

#mimg_menu_box li{
	display:block;
	float:left;
	margin:0 12px 0 0;
	padding:0;
	width:195px;
	height:63px;

}



#mimg_menu_box span{

	margin:0;
	padding:0;

}
#mimg_menu_box span:hover{

	margin:0;
	padding:0;

}




#mimg_menu_box a{
	text-align:center;
	display:block;
	margin:0;
	padding:10px 0 0 0;
	width:195px;
	height:53px;
	background:#eeb900;

	color:#FFF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	position:relative;	      /* CSS3 PIE */
	behavior: url("/css/PIE-1.0.0/PIE.htc");	      /* CSS3 PIE */

}
#mimg_menu_box a:hover{
	text-align:center;
	display:block;
	margin:0;
	padding:10px 0 0 0;
	width:195px;
	height:53px;
	background:#f9f9f9;
	color:#333;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	position:relative;	      /* CSS3 PIE */
	behavior: url("/css/PIE-1.0.0/PIE.htc");	      /* CSS3 PIE */

}

#media_list{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}

#media_list li{
	float:left;
	margin:0;
	padding:0;
}

#media_list a{
	display:block;
	margin:0 15px 0 0;
	padding:0;
	font-size:0;
}



/* ．menu_vod ピックアップ動画
-----------------------------------------*/
.menu_vod{
	margin:0 9px 0 0;
	*margin:-100px 9px 0 0;
	padding:52px 0 0 0;
	background: url("../images/common/icon_videos.gif") 5px 8px no-repeat;
}



/*

ビデオボタン背景画像切り替え
*/

.menu_vod li{
	margin:0 0 5px 0;
	padding:0;
	width:45px;
	height:35px;
	background: url("../images/common/btn_vod.gif") top left no-repeat;
}
.menu_vod a{
	text-align:center;
	display:block;
	margin:0;
	padding:10px 0 0 0;
	width:45px;
	height:25px;

	font-size:77%;

}
.menu_vod a:hover{
	text-align:center;
	display:block;
	margin:0;
	padding:10px 0 0 0;
	width:45px;
	height:25px;

	font-size:77%;

}

.menu_vod li.check1 a{

	background: url("../images/common/btn_vod_ov.gif") top left no-repeat;
	color:#999999;
}

.menu_vod li.check1 a:hover{

	background:none;
	color:#FFF;
}

.menu_vod li.check2 a{

	background: url("../images/common/btn_vod_ov.gif") top left no-repeat;
	color:#999999;
}
.menu_vod li.check2 a:hover{

	background:none;
	color:#FFF;
}

.menu_vod li.check3 a{

	background: url("../images/common/btn_vod_ov.gif") top left no-repeat;
	color:#999999;
}
.menu_vod li.check3 a:hover{

	background:none;
	color:#FFF;
}

.menu_vod li.check4 a{

	background: url("../images/common/btn_vod_ov.gif") top left no-repeat;
	color:#999999;
}
.menu_vod li.check4 a:hover{

	background:none;
	color:#FFF;
}


.menu_vod li.check5 a{

	background: url("../images/common/btn_vod_ov.gif") top left no-repeat;
	color:#999999;
}
.menu_vod li.check5 a:hover{

	background:none;
	color:#FFF;
}

.menu_vod li.selected a{

	background: url("../images/common/btn_vod.gif") top left no-repeat;
	color:#FFF;
}









/*
ビデオボタンCSSのみ



.menu_vod li{
	margin:0 0 5px 0;
	padding:0;
	width:45px;
	height:35px;

}
.menu_vod a{
	text-align:center;
	display:block;
	margin:0;
	padding:10px 0 0 0;
	width:45px;
	height:25px;

	font-size:77%;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	position:relative;
	behavior: url("/css/PIE-1.0.0/PIE.htc");


}
.menu_vod a:hover{
	text-align:center;
	display:block;
	margin:0;
	padding:10px 0 0 0;
	width:45px;
	height:25px;

	font-size:77%;


	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	position:relative;
	behavior: url("/css/PIE-1.0.0/PIE.htc");


}

.menu_vod li.check1 a{
	background:#4a524e;
	color:#999999;
}

.menu_vod li.check1 a:hover{
	background:#99cccc;
	color:#FFF;
}

.menu_vod li.check2 a{
	background:#4a524e;
	color:#999999;
}
.menu_vod li.check2 a:hover{
	background:#99cccc;
	color:#FFF;
}

.menu_vod li.check3 a{
	background:#4a524e;
	color:#999999;
}
.menu_vod li.check3 a:hover{
	background:#99cccc;
	color:#FFF;
}

.menu_vod li.check4 a{
	background:#4a524e;
	color:#999999;
}
.menu_vod li.check4 a:hover{
	background:#99cccc;
	color:#FFF;
}


.menu_vod li.check5 a{
	background:#4a524e;
	color:#999999;
}
.menu_vod li.check5 a:hover{
	background:#99cccc;
	color:#FFF;
}

.menu_vod li.selected a{
	background:#99cccc;
	color:#FFF;
}
*/



























/****テキスト関連***/
.text_bold{
	font-size:116%;
	font-weight:bold;
}
.text_bold02{

	font-weight:bold;
}
.text_sm{
	font-size:85%;/*スモールサイズ*/
}


/****ボックス背景色ロールオーバー変更***/


.boxLink { 

        background-color: #CCC; 
} 
 
.hover{ 
        cursor: pointer; 
        background-color: #000; 

}






/*==================================
    ■ 3:コンテンツ
==================================*/
#wrapper{
    width:933px;
    margin:auto;

    min-height:300px;
}

/* フォームのテーブル部分 */
.section_box{
    padding:10px;
    margin:auto;
}
.section_box p{


}
.table_1 {
  margin: auto auto;

  width:600px;
  border-left:#CCC solid 1px;
  border-right:#CCC solid 1px;
  border-bottom:#CCC solid 1px;
  margin:0 0 10px 0;

}

.table_1 th {
  width: 135px;
  height: 50px;
  text-align: left;
  padding-left: 10px;
  background-image:url(../images/common/bg_net.gif);
  background-repeat:repeat;
  border-right:#CCC solid 1px;
  border-top:#CCC solid 1px;
}

.table_1 td{
  padding:5px;
  vertical-align:middle;
  border-top:#CCC solid 1px;
}
.table_1 .input_area {
  width: 200px;
  margin:5px 0;
}

.table_2 {
  margin:0 10px 0 0;
  width:310px;
  border-left:#CCC solid 1px;
  border-right:#CCC solid 1px;
  border-bottom:#CCC solid 1px;
  margin-bottom:10px;
  float:left;

}
.table_2 a{
	color:#68b8be;
}
.table_2 a:hover{
	color:#66cccc;
}
.table_2 th {
  /*width: 135px;*/
  height: 25px;
  text-align: left;
  padding-left: 10px;
  background-image:url(../images/common/bg_net.gif);
  background-repeat:repeat;
  border-top:#CCC solid 1px;
}

.table_2 td{
  padding:5px;
  vertical-align:middle;
  border-top:#CCC solid 1px;
}

.table_2 .input_area {
  margin:5px 0;
  width:200px;

}
.table_3 {
  margin: auto auto;
  width:560px;
  border-left:#CCC solid 1px;
  border-right:#CCC solid 1px;
  border-bottom:#CCC solid 1px;
  margin-bottom:10px;
}

.table_3 th {
  width: 135px;
  height: 50px;
  text-align: left;
  padding-left: 10px;
  background-image:url(../images/common/bg_net.gif);
  background-repeat:repeat;
  border-right:#CCC solid 1px;
  border-top:#CCC solid 1px;
}

.table_3 td{
  padding:5px;
  vertical-align:middle;
  border-top:#CCC solid 1px;
}
.table_3 .input_area {
  width: 200px;
  margin:5px 0;
}
.table_4 {
  margin: auto auto;
  width:640px;
  border-left:#CCC solid 1px;
  border-right:#CCC solid 1px;
  border-bottom:#CCC solid 1px;
  margin-bottom:10px;
}



.table_4 th {
  padding-left: 10px;
  background-repeat:repeat;
  border-top:#CCC solid 1px;
  border-right:#CCC solid 1px;
  padding:5px;
  width:135px;

}
.table_4 .wide {
  padding-left: 10px;
  background-image:url(../images/common/bg_net.gif);
  background-repeat:repeat;
  border-top:#CCC solid 1px;
  padding:5px;
  border-right:none;
}

.table_4 td{
  padding:5px;
  vertical-align:middle;
  border-top:#CCC solid 1px;
}
.table_4 .input_area {
  width: 200px;
  margin:5px 0;
}


.table_5 {
  margin: auto auto;

	width:670px;

  border-left:#CCC solid 1px;
  border-right:#CCC solid 1px;
  border-bottom:#CCC solid 1px;
  margin:0 0 10px 0;

}

.table_5 th {
  width: 135px;
  height: 50px;
  text-align: left;
  padding-left: 10px;
  background-image:url(../images/common/bg_net.gif);
  background-repeat:repeat;
  border-right:#CCC solid 1px;
  border-top:#CCC solid 1px;
}

.table_5 td{
  padding:5px;
  vertical-align:middle;
  border-top:#CCC solid 1px;
}
.table_5 .input_area {
  width: 200px;
  margin:5px 0;
}


.table_6 {
  margin: auto auto;



  border-left:#CCC solid 1px;
  border-right:#CCC solid 1px;
  border-bottom:#CCC solid 1px;
  margin:0 0 10px 0;

}

.table_6 th {
  width: 135px;
  height: 50px;
  text-align: left;
  padding-left: 10px;
  background-image:url(../images/common/bg_net.gif);
  background-repeat:repeat;
  border-right:#CCC solid 1px;
  border-top:#CCC solid 1px;
}

.table_6 td{
  padding:5px;
  vertical-align:middle;
  border-top:#CCC solid 1px;
}
.table_6 .input_area {
  width: 200px;
  margin:5px 0;
}
.table_6 .validate {
  width: 380px;
  margin:5px 0;
}


.table_6 .center input,
.table_6 p img ,
.table_1 .center input,
.table_1 p img ,
.table_2 .center input,
.table_2 p img ,
.table_3 .center input,
.table_3 p img,
.table_5 .center input,
.table_5 p img {
  margin: 10px 0;
}

.indispensability{
    width:40px;
    text-align:center;
}


/*-------ページャ------------------------------*/

#page{
    clear:both;
    text-align:center;
}
#page ul {
    display:inline-block;
    *display:inline;
	padding-top:20px;
}

#page ul li {
    display:block;
    color:#CCC;
    padding:0 5px;
    float:left;
}
#page ul li em{
    padding: 4px 8px;
    font-style:normal;
    border: #999 solid 1px;
    color:#999;
    display:block;
}

#page ul li a {
    color:#333;
    text-decoration: none;
    padding: 4px 8px;
    border: #999 solid 1px;
    display:block;
}

#page ul li a:hover{
    background-color:#E8E8E8;
    color:#000;
}

#page ul li span.here {
    color:#333;
    text-decoration: none;
    padding: 4px 8px;
    border: #fff solid 1px;
    display:block;
}


/*-------ページャここまで----------------------*/


/*==================================
    ■ 4:サイド
==================================*/
#side{
	float:left;
	width:270px;
	margin:0;
	padding:12px 10px;
	background:#fafaf7;

	border:5px solid #e8e8e8;


	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;


	position:relative;	      /* CSS3 PIE */
	behavior: url("/css/PIE-1.0.0/PIE.htc");	      /* CSS3 PIE */


}








/*==================================
    ■ 5:フッタ
==================================*/

#footer{
	background-image:url("../images/common/ba_mainIMG.gif");
	background-repeat:repeat;
	margin:0;
	padding:0;
	/*min-height:437px;*/
	min-height:467px;
	border-top:2px solid #e9e9e9;
	color:#CCC;


}
#footer_hd{
	width:100%;
	height:60px;
	margin:0;
	padding:0;
    background:url("../images/common/line_xdark.gif") left bottom repeat-x;
	color:#FFF;
}


#footer_hd_inner{
	width:933px;
	margin:0 auto;
	padding:20px 0 20px 0;
	height:20px;


}

#footer_hd_inner span{
	margin:0;
	padding:0 5px 0 25px;
	font-weight:bold;
	background:url("../images/common/icon_userguide02.gif") 0px 0px no-repeat;
}

#footer_hd_inner a{
	text-align:center;
	float:right;
	display:block;
	margin:-5px 0 0 0;
	padding:7px 0 0 0;
	width:226px;
	height:23px;
	font-weight:bold;
	background:#eeb900;
	color:#FFF;
	font-size:12px;


	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;


	position:relative;	      /* CSS3 PIE */
	behavior: url("/css/PIE-1.0.0/PIE.htc");	      /* CSS3 PIE */
}


#footer_hd_inner a:hover{
	text-align:center;
	float:right;
	display:block;
	margin:-5px 0 0 0;
	padding:7px 0 0 0;
	width:226px;
	height:23px;
	font-weight:bold;
	background:#f3f3f3;
	color:#333;
	font-size:12px;


	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;


	position:relative;	      /* CSS3 PIE */
	behavior: url("/css/PIE-1.0.0/PIE.htc");	      /* CSS3 PIE */
}




#footer li a{
    color:#CCC;
}
#footer li a:hover{
    color:#FFF;
}

#footer .social_services{
	float:left;
	width:150px;
	margin:0;
	padding:0;

}

#footer .social_services p{
	margin:18px 0 12px 0;
	padding:0;
	font-weight:bold;
}

#footer .social_services ul{
	margin:0;
	padding:0;

}

#footer .social_services_button {
    height: 152px;
}


/******************作業中*****************/

.icon_tanblr_share{
	margin:0;
	padding:0;
	height:30px;
}
.icon_twitter_share{
	margin:0;
	padding:0;
	height:30px;
}
.icon_facebook_share{
	margin:0;
	padding:0;
	height:30px;
}
.icon_google_share{
	margin:0;
	padding:0;
	height:30px;
}


/******************作業中*****************/




#footer .icon_twitter{
    background-image:url("../images/common/icon_twitter_dark.gif");
    background-repeat:no-repeat;
    padding:2px 0 5px 30px;
}

#footer .icon_facebook{
    background-image:url("../images/common/icon_facebook_dark.gif");
    background-repeat:no-repeat;
    padding:2px 0 5px 30px;
}
#footer .icon_tanblr{
    background-image:url("../images/common/icon_tanblr_dark.gif");
    background-repeat:no-repeat;
    padding:2px 0 5px 30px;
}
#footer .icon_youtube{
    background-image:url("../images/common/icon_youtube_dark.gif");
    background-repeat:no-repeat;
    padding:2px 0 5px 30px;
}



/* カテゴリ */
#footer #category{
	float:left;
	margin:0;
	width: 300px;
}

#footer #category h3{
	margin:18px 0 12px 0;
	padding:0;
	font-weight:bold;
	font-size:14px;
}


#footer #category .category_inner{
	margin:0;
	padding:0;
}


#footer #category ul {
	list-style:none;

	margin: 0;
	padding:0;
}


#footer #category ul li{
	float:left;
	text-align:left;
	margin:0 0 10px 0;
	padding:0;
	width:33%;


}


#footer .face_book{
	float:right;
}

#footer .face_book h3{
	margin:18px 0 12px 0;
	padding:0;
	font-weight:bold;
	font-size:14px;
}

#footer .face_book .face_book_inner{
	margin:0;
	padding:2px 0 0 2px;
	background:#f4f4ec;
	width:450px;
	height:189px;


	/* 角丸 */
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;


	position:relative;	      /* CSS3 PIE */
	behavior: url("/css/PIE-1.0.0/PIE.htc");	      /* CSS3 PIE */



}

.menulist{
	list-style:none;
	margin:35px 0 20px 0;
	padding:0;
}

.menulist li{
	float:left;
	margin:0 10px 0 0;
	padding:0;
}



address{
	margin:0 0 -20px 0;
	padding:0;
	text-align:right;

	border-top:#68b8be 12px solid;
	background:#f4f4ec;
	color:#66cccc;

}



/* その他リンク */

.other_link{
	text-align:right;
	margin:0;
	padding:0;
}
.other_link a{

	margin:0 10px 0 0;
	padding:0 0 0 10px;
	color:#68b8be;
	font-weight:bold;
	background:url("../images/common/icon_arrow.gif") center left no-repeat;
	text-decoration:underline;
}
.other_link a:hover{

	margin:0 10px 0 0;
	padding:0 0 0 10px;
	color:#66cccc;
	font-weight:bold;
	background:url("../images/common/icon_arrow.gif") center left no-repeat;
	text-decoration:underline;
}






/**
 * お知らせ
 */
#news{
    margin:50px 0 0 0;
    padding:0;

}
/******************お知らせリスト***************/
#news_left{
	float:left;
	margin:0;
	padding:0;
	width:450px;
}

#news_right{
	float:right;
    margin:0;
    padding:0;
}





#news .end{
    margin:0;
    padding:0;
}
#news .days{
    margin:0;
    padding:0;
}
#news h2 {
    margin:0;
    padding:0;

}
#news .title {
	margin:0 0 12px 0;
	padding:0;
	color:#333;
	font-size:131%;
}

/******************最新の活動情報***************/
.whatsnew_list_box{
	list-style:none;
    margin:0 0 25px 0;
    padding:0;
}

.whatsnew_img{
    float:left;
    margin:0;
    padding:0;
    width:101px;
    height:68px;
    /*border-right:1px solid #000;
    border-bottom:1px solid #000;*/
    background:#FFF;
    font-size:0;
    text-align: center;

    box-shadow:1px 1px 1px #CCC;
    position:relative;	      /* CSS3 PIE */
    behavior: url("/css/PIE-1.0.0/PIE.htc");	      /* CSS3 PIE */
}

.whatsnew_img img {
    max-width: 100px;
    height: 67px;
}

.whatsnew_txt{
	display:block;
	float:right;
	width:330px;
	height:68px;
	margin:0;
	padding:0 0 0 8px;
	background:url("../images/common/bg_triangle.png") 0px 5px no-repeat;


}
.whatsnew_txt_inner{
	width:292px;
	height:38px;
	margin:0;
	padding:13px 15px 17px 15px;
	background:#fdfdf2;
	border-top:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
}

.whatsnew_txt_inner img{
	position:relative;
	top:4px;
	margin:0;
	padding:0;
	border:1px solid #e8e8e8;
}

.whatsnew_txt_inner a{

	margin:0 43px 0 5px;
	padding:0;
	color:#68b8be;
}
.whatsnew_txt_inner a:hover{

	margin:0 43px 0 5px;
	padding:0;
	color:#66cccc;
}
.whatsnew_tl{
	margin:0;
	padding:0;
	font-weight:bold;
}
/******************最新の活動情報(プロジェクトページ用)***************/
.whatsnew_list_box02{
	list-style:none;
    margin:0 0 25px 0;
    padding:0;
}

.whatsnew_img02{
	float:left;
	margin:0;
	padding:0;
	width:101px;
	height:68px;
	background:#FFF;
	font-size:0;

	box-shadow:1px 1px 1px #CCC;
	position:relative;	      /* CSS3 PIE */
	behavior: url("/css/PIE-1.0.0/PIE.htc");	      /* CSS3 PIE */
}

.whatsnew_img02{
	float:left;
	margin:0;
	padding:0;
	width:101px;
	height:68px;
	background:#FFF;
	font-size:0;
        text-align: center;
        
	box-shadow:1px 1px 1px #CCC;
	position:relative;	      /* CSS3 PIE */
	behavior: url("./PIE-1.0.0/PIE.htc");	      /* CSS3 PIE */
}

.whatsnew_img02 img {
	max-width: 100px;
	max-height: 67px;
}

.whatsnew_txt02{
	display:block;
	float:left;

	height:68px;
	margin:0;
	padding:0 0 0 8px;



}
.whatsnew_txt_inner02{
	width:292px;
	height:38px;
	margin:0;
	padding:13px 15px 17px 15px;


}

.whatsnew_txt_inner02 img{
	position:relative;
	top:4px;
	margin:0;
	padding:0;
	border:1px solid #e8e8e8;
}

.whatsnew_txt_inner02 a{

	margin:0 43px 0 5px;
	padding:0;
	color:#68b8be;
}
.whatsnew_txt_inner02 a:hover{

	margin:0 43px 0 5px;
	padding:0;
	color:#66cccc;
}
.whatsnew_tl02{
	margin:0;
	padding:0;
	font-weight:bold;
}

/******************活動報告ビデオ***************/
#pic_videos{

	margin:0 -16px 0 0;
	padding:0;

}
#pic_videos .title{
	margin:0 0 18px 0;
	padding:0;
	color:#333;
	font-size:131%;
}
#pic_videos ul{
	list-style:none;
	margin:0 0 18px 0;
	padding:0;

}


.rounded-img {
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;

	position:relative;	      /* CSS3 PIE */
	behavior: url("/css/PIE-1.0.0/PIE.htc");	      /* CSS3 PIE */
}
.caption {
	display:block;
	float:left;
	width:300px;
	height:172px;
	margin:0 16px 0 0;
	padding:0;
} 
.caption img {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
} 
.caption a {
	position: absolute;
	text-align:right;
	left: 0;
	bottom: 0;
	width:290px;
	height:35px;
	color: #fff;
	margin:0;
	padding:15px 10px 0 0;
	font-weight:bold;
	font-size:16px;


	-ms-filter: "alpha(opacity=70)";
	filter: Alpha(opacity=70);
	opacity:0.7;
	background:#000 url("../images/common/icon_play.png") 10px 10px no-repeat;


} 

.caption a:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
	background:#000 url("../images/common/icon_play.png") 10px 10px no-repeat;
} 







/******************追加参考***************/
.aaa{


/*							-webkit-border-top-left-radius:8px;
							-moz-border-top-radius:8px;
							-ms-border-top-left-radius:8px;
							-o-border-top-left-radius:8px;
							border-top-left-radius:8px;


							-webkit-border-top-right-radius:8px;
							-moz-border-top-radius:8px;
							-ms-border-top-right-radius:8px;
							-o-border-top-right-radius:8px;
							border-top-right-radius:8px;

							position:relative;
							behavior: url("/css/PIE-1.0.0/PIE.htc");
						
*/



/* 角丸 */
-webkit-border-radius:7px;
-moz-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
border-radius:7px;

position:relative;
behavior: url("/css/PIE-1.0.0/PIE.htc");
	
/* ボックスシャドウ */
box-shadow:5px 5px 10px #333333;

/* グラデーション */
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ff4ed3));
background-image: -moz-linear-gradient(top, #ffffff, #ff4ed3);
background-image: -ms-linear-gradient(top, #ffffff, #ff4ed3);
background-image: -o-linear-gradient(top, #ffffff, #ff4ed3);
background-image: linear-gradient(top, #ffffff, #ff4ed3);
-pie-background:linear-gradient(#ffffff, #ff4ed3);

/* テキストシャドウ */
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3);

	position:relative;	      /* CSS3 PIE */
	behavior: url("/css/PIE-1.0.0/PIE.htc");	      /* CSS3 PIE */
}


.btn_ginko{
	text-align:center;
	margin:0 0 10px 0;
	padding:0;
	text-decoration:underline;

}















/***************プロジェクトガイド総合ページ**************/


.css_over{


}




a img.css_over{
/*opacity:1.0;
filter: alpha(opacity=100);*/
	background:url("../images/user/logo_on.png") top left no-repeat;
}
a:hover img.css_over{
/*opacity:0.9;
filter: alpha(opacity=90);*/
	background:none;

}

a img.img_over{
opacity:1.0;
filter: alpha(opacity=100);

}
a:hover img.img_over{
/*
opacity:0.9;
filter: alpha(opacity=90);
*/
}