@charset "utf-8";



/*===========================

headerについて

===========================*/

#header {
	width:910px;
	height:115px;
	background:url(../images/header_bg.jpg) no-repeat 0 ;
	margin:0px auto 20px auto;
}
	
#header .logo{
	width:895px;
	height:15px;
	padding:16px 15px 0px 0px;
	text-align:right;
	}

#header .p{
	font-size:10px;
	width:874px;
	height:22px;
	padding:5px 0px 0px 36px;
	text-align:left;
	}

#header h1.h1left{
	padding-top:0px;
	padding-left:36px;
	float:left;
	margin:0px;
}	

#header ul{
	float:right;
	padding-right:5px;
}
	
#header li{
	display:block;
	float:left;
}

/*===========================

contents(top)について

===========================*/

#contents {
	background-color:#F3F3F3;
	margin-top:10px;
	padding-bottom:20px;
}	

	
#contents #key {
	padding-top:17px;
	width:910px;
	margin:0px auto;
	background:url("../images/key.jpg");
}
	
	
#contents .box {
	width:910px;
	padding-top:10px;
	margin:0 auto;
}

#contents .inbox {
	width:910px;
	background:url(../images/box_sideline.jpg) repeat-y 0 ;
}

#contents .leftbox {
	float:left;
	width:480px;
	padding-left:22px;
	padding-top:10px;
	text-align:left;
}


#contents .rightbox {
	float:right;
	padding-right:50px;
	padding-top:30px;
}
	
	
#contents .sample {
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:left;
	border:1px solid #B1DEE9;
	width:800px;
	
	margin-left:40px;
	margin-top:20px;

}

#contents .sample a{
	padding-bottom:10px;
	}
			

/*===========================

footerについて

===========================*/

#footer {
	background:url(../images/footer_bg.jpg) repeat-x 0;
	height:67px;
}
	

#footer_contents  {
	width:910px;
	margin:0 auto;
	padding-top:20px;

}

#footer #copy {
	float:left;
	color:#ffffff;
	padding-left:10px;
}	



#footer li {
	display:block;
	float:right;
	color:#ffffff;
	padding-right:5px;
}
	
#footer li a {
	color:#ffffff;
	text-decoration:none;
}
	
	
/*===========================

contents02(course)について

===========================*/	

#contents02 {
	background-color:#F3F3F3;
	margin-top:10px;
	padding-bottom:20px;
}	

#contents02 #topcontents {
	width:910px;
	margin:0 auto;
	text-align:left;
}


#contents02 .topbox{
	width:298px;
	float:left;
}

#contents02 .topbox_in {
	width:298px;
	background:url(../course/images/course_sideline.jpg) repeat-y 0 ;
}

#contents02 .leftbox {
	padding-left:20px;
	width:126px;
	float:left;
}

	
#contents02 .kikan {
	padding:20px 0 0 20px;
}


#contents02 .price {
	padding:20px 0 10px 20px;
}

#contents02 .btn {
	padding-left:20px;
}
	

#contents02 .btn li {
	display:block;
	float:left;
	padding-right:10px;	
}
#contents02 .wrapBox {
	width:910px;
	margin:0 auto;
	text-align:left;
}
	
#contents02 .wrapBox_in {
	width:908px;
	background:url(../course/images/box_sideline.jpg) repeat-y 0 ;
}


#contents02 .wrapBox {
	width:910px;
	margin:0 auto;
	text-align:left;
}
	
#contents02 .wrapBox_in {
	width:908px;
	background:url(../course/images/box_sideline.jpg) repeat-y 0 ;
}





#contents02 .txtbox {
	width:808px;
	padding:10px 50px;
}
	
#contents02 .flowbox {
	width:808px;
	margin:0 auto;
}
#contents02 .minibox {
	width:141px;
	margin-top:10px;
	padding-right:2px;
}
	
		
#contents02 .minibox_in {
	width:121px;
	padding:10px;
	background:url(../course/images/minibox_sideline.jpg) repeat-y;
}

#contents02 .flow {
	padding-top:90px;
}

/*===========================

contents03(download,apply)について

===========================*/	
#contents03 {
	background-color:#F3F3F3;
	margin-top:10px;
	padding-bottom:20px;
}

#contents03 #formbox {
	width:910px;
	margin:0 auto;
	text-align:left;
}


#contents03 table {
	width:649px;
	margin-left:80px;
	margin-top:20px;
}
	

#contents03 #formbox_in {
	background:url(../download/images/box_sideline.jpg) repeat-y 0;
	width:909px;
}
	

#contents03 th {
	background-color:#EEEEEE;
	width:200px;
}
	
#contents03 .apply th , #contents03 .apply td {
	border:1px solid #709D09;
	padding:4px;	
}


#contents03 th , #contents03 td{
	border:1px solid #F55B07;;
	padding:4px;
}

#contents03 #btn {
	width:118px;
	margin:0 auto;
	padding:10px 0;
}
	
#contents03 #btmbox {
	width:900px;
	margin:0 auto;
	background-color:#FFE8CE ;
	border:1px solid #cccccc;
	text-align:left;
}

#contents03 #leftbox {
	float:left;
	width:460px;
	padding:20px;
}
	
#contents03 #btmbox_ap {
	width:900px;
	margin:0 auto;
	text-align:left;
	border-left:1px solid #599620;
	border-right:1px solid #599620;
	border-bottom:1px solid #599620;
}	

#contents03 .name {
	color:#599620;
	padding:10px 0 10px 20px;
	font-weight:bold;
}

/*===========================

contents04(privacy)について

===========================*/	

#contents04 {
	background-color:#F3F3F3;
	margin-top:10px;
	padding-bottom:20px;
}	

#contents04 #privacybox {
	width:910px;
	margin:0 auto;
	text-align:left;
}

#contents04 #privacybox_in {
	background:url(../privacy/images/box_sideline.jpg) repeat-y 0;
	width:829px;
	padding:20px 40px;
}

#contents04 h2 {
	padding-bottom:20px;
}

#contents04 dt ,  #contents04 li{
	padding:10px 0;
}
#contents04  #info {
	padding-top:20px;
}

	
/*===========================

contents05(aboutus)について

===========================*/			

#contents05 {
	background-color:#F3F3F3;
	margin-top:10px;
	padding-bottom:20px;
}	

#contents05 #aboutbox {
	width:910px;
	margin:0 auto;
	text-align:left;
}

#contents05 #aboutbox_in {
	background:url(../privacy/images/box_sideline.jpg) repeat-y 0;
	width:829px;
	padding:20px 40px;
}

#contents05 table {
	width:440px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}
	
#contents05 th {
	width:150px;
}

#contents05 th , #contents05 td {
	padding:10px;
	border-bottom:1px solid #cccccc;
}


/*===========================

contents06(template)について

===========================*/			

#contents06 {
	background-color:#F3F3F3;
	margin-top:10px;
	padding-bottom:20px;
	text-align:center;
}	

#contents06 #aboutbox {
	width:910px;
	margin:0px auto;
	text-align:left;
}

#contents06 #aboutbox_in {
	background:url(../privacy/images/box_sideline.jpg) repeat-y 0;
	width:829px;
	padding:20px 40px;
}


	

#contents06 .smnBox{
	width:243px;
	height:180px;
	margin:0px 30px 25px 0px;
	float:left;
	}
#contents06 .smnBox_r{
	width:243px;
	height:180px;
	margin:0px 0px 25px 0px;
	float:left;
	}
#contents06 .txt{
	font-size:small;
	font-weight:bold;
	}
	
	
	
.clear{clear:both;}





.titlep{margin-bottom:15px;}




/*========2009.07.28追加========*/

/*トップ*/
.case_box{
	width:903px;
	padding:0px;
	margin:0 auto;
	background:url(../images/box04_body.gif) repeat-y;
}

.case_box img{
	padding:0px;
	margin:0px;
}

.case_pad{
	padding:15px 35px;
	margin:0px;
}

.case_float{
	width:246px;
	float:left;
	text-align:left;
}

.pad_r47{
	padding-right:47px;
}

.pad_mar_zero{
	padding:0px;
	margin:0px;
}

/*コース・制作の流れ*/

.course_menu_box{
	width:451px;
	float:left;
	background:url(../course/images/box01_bg.gif) repeat-y;
}

.course_menu_lead{
	width:401px;
	padding:15px 0px;
	border-bottom:1px solid #CCCCCC;
	min-height:95px;
	height: auto !important;
	height: 95px;
}

.course_menu_detail{
	width:180px;
	float:left;
	padding-top:15px;
	min-height:140px;
	height: auto !important;
	height: 140px;
}

.course_menu_detail ul{
	padding:0px 0px 0px 1.5em;
	margin:0px;
}

.course_menu_detail li{
	padding:0px;
	margin:0px;
	list-style:disc;
}


.course_menu_detail2{
/*	width:180px;*/
/*	float:left;*/
	padding-top:15px;
	min-height:100px;
	height: auto !important;
	height: 100px;
}

.course_menu_detail2 ul{
	padding:0px 0px 0px 1.5em;
	margin:0px;
}

.course_menu_detail2 li{
	padding:0px;
	margin:0px;
	list-style:disc;
}



.course_menu_btn {
	clear:both;
	width:278px;
	padding:10px 0px 0px 110px;
	margin:0px;
}

.course_menu_btn ul {
	padding:0px;
	margin:0px;	
}	

.course_menu_btn li {
	display:block;
	float:left;
	padding-right:10px;
	list-style:none;	
}

.course_flowbox {
	width:803px;
	margin:0 auto;
}



.course_flowbox_in {
	width:121px;
	padding:10px;
	background:url(../course/images/minibox_sideline.jpg) repeat-y;
	min-height:95px;
	height: auto !important;
	height: 95px;
}

.course_flowbox_w570{
	width:570px;
}





.wrapBox table {
	font-size: 12px;
	color: #333333;
	background-color: #CCCCCC;
}
.wrapBox td {
	background-color: #FFFFFF;
}
.wrapBox .color01 {
	background-color: #2B92A8;
	color: #FFFFFF;
}
.wrapBox .color02 {
	background-color: #F3F3F3;
}
.wrapBox a {
	color: #2B92A8;
}
.wrapBox .color03 {
	color: #2B92A8;
}
.wrapBox .style1 {font-size: 15px}



.wrapBox_in .course_flowbox03 {
	padding-right: 30px;
	padding-left: 30px;
}

/*===========================

個人情報同意について

===========================*/
#p_Box {
	padding-left:90px;
	padding-top:20px;
}	


#p_Box #p_lineBox {
	border:1px solid #999999;
	padding:20px;
	margin-bottom:20px;
	width:609px;
	
}

#p_Box table {
	width:620px;
	margin:0px;
}
	
#p_Box th , #p_Box td {
	padding:3px;
	font-size:86%;
	border:none;
}

#p_Box th {
	width:120px;
	text-align:right;
	vertical-align:top;
	
}

#p_Box td {
	vertical-align:top;
}