@charset "utf-8";
@import "reset.css";
/***************************************
file Name: reset.css
URI: 
Description: VANTAN INTERNATIONAL 2008.12.
Version: 1.0
Author: T.D.W
Author URI: 
***************************************/
body{
	text-align:center;
}
hr{
	display: none;
}

/****************************************
	点線付き箱
****************************************/
.border_box{
	background: url(images/common/bg_cross.png) repeat left top;
	padding: 5px;
}
.border_box_innner{
	background: #FFFFFF;
	padding-bottom: 20px;
	width: 100%;
}
.border_box_innner:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/****************************************
	リスト
****************************************/
ul.link_insite li,
ul.link_outsite li{
	background: url(images/common/border_dot_h.png) repeat-x left bottom;
	line-height: 2.5;
}
ul.link_insite a{
	padding-left: 15px;
	background: url(images/common/list_img_b.png) no-repeat 0 50%;
}
ul.link_outsite a{
	padding-left: 15px;
	background: url(images/common/list_img_g.png) no-repeat 0 50%;
}


/****************************************
	レイアウト共通
****************************************/
h2{ margin-bottom: 30px;	}
h3{ margin-bottom: 18px;	}
h4{ margin-bottom: 20px;	}

.h2_txt{
	background: url(images/common/h2_bg.png) repeat left top;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 2.4;
	padding-left: 10px;
}

.image_00{margin-bottom: 0; text-align:center;}
.image_20{margin-bottom: 20px; text-align:center;}
.image_30{margin-bottom: 30px; text-align:center;}

/* 横3/4 */
.text_3{ width: 460px;}
.text_3r{ width: 460px; float:right; clear:both;}
.text_3r:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.dot_box{
	background: url(images/common/border_dot_h.png) repeat-x left top;
	padding-top:30px;
}

.edit_this{ text-align:right; padding: 5px 0;}

.left{ float:left;}
.right{ float:right;}
.sm_caption{ font-size:10px;}
.wrapper{ width:100%;}
.wrapper:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.none{ margin-bottom: 0;}


ul.banner_course {
	width: 100%;
	margin-bottom: 30px;
}
ul.banner_course:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
ul.banner_course li {
	width: 340px;
}
ul.banner_course li p{
	display:none;	
}
.tbl_small{
	font-size:10px;
}





/****************************************
	ブロック
****************************************/
/*======================================
	#main_box
======================================*/
#main_box{
	padding-top:16px;
	width: 940px;
	text-align: left;
	margin: auto;
}

/*======================================
	#header
======================================*/
#header{
	margin: 0 0 25px;
}

#header h1{
	float: left;
	padding-left: 2px;
	padding-bottom: 12px;
}
/*--------------------
	#h_submenu
--------------------*/
#h_submenu{
	float: right;
	width: 210px;
}
#h_submenu p{
	padding-bottom: 23px;
	text-align: right;
	margin-bottom: 0;
	line-height: 1;
}
#h_submenu ul {
	background: url(images/common/border_dot_v.png) no-repeat left top;
	vertical-align: top;
	height: 15px;
	float: right;
}
#h_submenu ul li{
	float: left;
	padding: 0 10px;
	height: 15px;
	background: url(images/common/border_dot_v.png) no-repeat right top;
}

#h_submenu ul li img{
	vertical-align: top;
}

/*--------------------
	#global_navi
--------------------*/
#global_navi {
	background:  url(images/common/h_bg2.png) repeat-x left top;
	clear: both;
	margin-bottom: 1px;
}
#global_navi ul{
	background:  url(images/common/h_bg.png) no-repeat right top;
	width: 100%;
	height: 45px;
}
#global_navi ul li{
	float: left;
}
#global_navi ul li a{
	display:block;
}

#global_navi:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


/*--------------------
	.main_image
--------------------*/
.main_image{
}


/*======================================
	.main_content
======================================*/
.main_content{
	width: 710px;
	padding-top: 5px;	
	float: right;
}

#home .main_content{
	float: left;
}

.section{
	width: 100%;
	clear:both;
}
.section:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/****************************************
	/home
****************************************/
#home h2{
	margin-bottom:0;
}

/*--------------------
	#home_info
--------------------*/
#home_info p{
	margin-bottom:0;
}

#home_info h2{
	padding: 20px 25px 25px;
	line-height: 1;
}

#home_info ul.link_insite li,
#home_info ul.link_outsite li{
	line-height: 1.2;
	padding: 6px 0;
}

#home_info ul.link_insite a{
	background: url(images/common/list_img_b.png) no-repeat 0 3px;
	display:inline-block;
}
#home_info ul.link_outsite a{
	background: url(images/common/list_img_g.png) no-repeat 0 3px;
	display:inline-block;
}


#home_info div.left{
	width: 350px;
	background: url(images/common/border_dot_v.png) repeat-y right top;
}

#home_info div.right{
	width: 350px
}

#home_info div h3{
	padding-left: 25px;
	padding-bottom: 7px;
	margin-bottom: 0;
	line-height: 1;
}

#home_info div p{
	text-align: right;
	margin-right: 25px;
}

#home_info div ul{
	padding:0 25px 10px;
}

/*--------------------
	#home_life
--------------------*/
#home_life{
	margin-top: 30px;
	padding-top: 30px;
	border-top: #000000 solid 2px;
}

#home_life h3{
	margin-bottom: 10px;
}
#home_life ul{
	width: 340px;
	padding-bottom: 10px;
}

#home_life p{
	width: 340px;
	text-align: right;
}

/****************************************
	/ global
	Global Design School
****************************************/
#gloval_box{
	background: url(images/global/global_img.jpg) no-repeat right top;
	padding-bottom: 10px;
}

#gloval_map table th{
	padding: 0;
}
#gloval_map table td{
	line-height:1.6;

}
#gloval_map table td.url{
	text-align:center;
	width: 95px;
	text-align:center;
	padding: 12px 0;
}

#gloval_map table td.place{
	width: 95px;
	font-size:10px;
	font-weight: bold;
	line-height:1.3;
	text-align:center;
	padding: 12px 0;
}

#gloval_map p{
	text-align:right;
	padding-bottom: 11px;
	margin-bottom: 30px;
	background: url(images/common/border_dot_h.png) repeat-x left bottom;
	
}

/****************************************
	/course
	コース紹介
****************************************/
#course_index{
	background: url(images/course/index/course_img.jpg) no-repeat 466px 55px;
	padding-bottom: 10px;
}

/****************************************
	/course/service
	インターナショナル・プログラム・サービス 
****************************************/
#service_index{
	background: url(images/course/service/service_img.jpg) no-repeat 488px 0px;
	padding-bottom: 32px;
}

/****************************************
	/course/aas
	デザイン・ファンデーションコース・フォー・パーソンズAAS
****************************************/
#aas_section{
	background: url(images/course/aas/aas_img1.jpg) no-repeat 0 60px;
	padding-bottom: 40px;
}

#aas_section p{
	padding-left: 250px;
}

#aas_section2{
	width: 100%;
	padding-bottom: 30px;
}
#aas_section2:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#aas_section2 .wrapper{
	background: url(images/common/border_dot_v.png) repeat-y center bottom;
}

#aas_section2 .left{
	float: left;
	width: 325px;
}
#aas_section2 .right{
	float: right;
	width: 357px;
}

#aas_section2 .right:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#aas_section2 .right #aas_img3{
	padding-left: 30px;
}

#aas_section3_2 .wrapper{
	margin-bottom:30px;
	background: url(images/course/aas/aas_section3_bg.png) no-repeat center bottom;
}

#aas_section3_2:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#aas_section3_2 .left,
#aas_section3_2 .right{
	width: 324px;
	border-top: #cccccc solid 1px;
	padding-top: 20px; 
}

#aas_section3_2 .wrapper h4{
	padding: 0 20px 0;
	line-height:1;
}
#aas_section3_2 .wrapper p,
#aas_section3_2 .wrapper ul{
	margin: 0 20px;
}
#aas_section3_2 .wrapper li{
	margin-bottom: 20px;
	padding-left: 10px;
	background: url(images/common/list_dot.png) no-repeat 2px 6px;
}

#aas_img3_rep{
	text-align: right;
}

#aas_img4_rep,
#aas_img5_rep{
	margin-bottom: 30px;
}

#aas_section4{
	width: 100%;
}

#aas_section4 .text_3{
	width: 430px;
	float: left;
}
#aas_section4 #aas_4r{
	float: right;
	width: 250px;
}

#aas_section4:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/****************************************
	/course/agreement
	申し込み規約
****************************************/
#agreement_section h2{
	margin-bottom: 10px;
}
#agreement_section div{
	padding: 20px 0;
	background: url(images/common/border_dot_h.png) repeat-x left bottom;
}

#agreement_section div p{
	margin-bottom: 0;
	padding-left: 18px;

}
#agreement_section div h3{
	font-weight: bold;
	font-size: 14px;
}

#agreement_section ol,
#agreement_section dl,
#agreement_section ul{
	padding-left: 20px;
}


#agreement_section dd ul{
	padding-left: 0px;
}


#agreement_section ol li{
	list-style:decimal inside;
	margin-left: 1.4em;
	text-indent: -1.4em;
}
#agreement_section ul li{
	list-style:disc inside;
	margin-left: 1em;
	text-indent: -1em;
}

#agreement_section dl{
	padding-top: 10px;
	width:100%;
}
#agreement_section dl:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}



#agreement_section dt{
	font-weight: bold;
	float: left;
	width:80px;
}
#agreement_section dd{
	float: right;
	width:620px;
}
#agreement_section dd p{
	padding-left:1em;
}



/****************************************
	/schedule
	スケジュール
****************************************/
#schedule_section div{
	margin-top: 5px;
	padding-top: 30px;
	background: url(images/common/border_dot_h.png) repeat-x left top;
}

#schedule_section div h3{
	margin-bottom:10px;
}
#schedule_section ol li{
	padding-bottom: 20px;
}
#schedule_section ol li h4,
#schedule_section ol li p{
	padding-left: 70px;
	margin-bottom: 0;
}
#schedule_section ol{
	background: url(images/common/border_dot_hg.png) repeat-x left bottom;
	margin-bottom: 30px;
}
#schedule_section ol li h4{
	margin-bottom: 5px;
	padding-top: 20px;
}

#schedule_section ol li#merit_1{ background: url(images/schedule/list_1.png) no-repeat left 20px;}
#schedule_section ol li#merit_2{ background: url(images/schedule/list_2.png) no-repeat left 20px;}
#schedule_section ol li#merit_3{ background: url(images/schedule/list_3.png) no-repeat left 50%; padding: 0 0 20px; height: 80px;}
#schedule_section ol li#merit_4{ background: url(images/schedule/list_4.png) no-repeat left 50%; padding: 0 0 20px; height: 80px;}
#schedule_section ol li#merit_5{ background: url(images/schedule/list_5.png) no-repeat left 50%; padding: 0 0 20px; height: 80px;}
#schedule_section ol li#merit_6{ background: url(images/schedule/list_6.png) no-repeat left 50%; padding: 0 0 20px; height: 80px;}

*html body #schedule_section ol li#merit_3{ background: url(images/schedule/list_3.png) no-repeat left 50%; padding: 0 0 20px; height: 100px;}
*html body #schedule_section ol li#merit_4{ background: url(images/schedule/list_4.png) no-repeat left 50%; padding: 0 0 20px; height: 100px;}
*html body #schedule_section ol li#merit_5{ background: url(images/schedule/list_5.png) no-repeat left 50%; padding: 0 0 20px; height: 100px;}
*html body #schedule_section ol li#merit_6{ background: url(images/schedule/list_6.png) no-repeat left 50%; padding: 0 0 20px; height: 100px;}

#schedule_section ol li#merit_1 h4,
#schedule_section ol li#merit_2 h4{
	padding-top: 24px;
	line-height:1;
}

#schedule_section ol li#merit_2 h4,
#schedule_section ol li#merit_3 h4,
#schedule_section ol li#merit_4 h4,
#schedule_section ol li#merit_5 h4,
#schedule_section ol li#merit_6 h4{
	background: url(images/common/border_dot_hg.png) repeat-x left top;
	line-height:1;
}

#schedule_section ol li#merit_3 h4{
	padding-top: 30px;
}
#schedule_section ol li#merit_4 h4,
#schedule_section ol li#merit_5 h4,
#schedule_section ol li#merit_6 h4{
	padding-top: 40px;
}

#schedule_section2 h2{
	margin-bottom:0;
}

#schedule_section2 div.che_aas p{
	margin-bottom: 20px;
}
#schedule_section2 div.che_prep{
	padding-top:21px;
	background: url(images/common/border_dot_h.png) repeat-x left top;
}
#schedule_section2 div.che_prep p{
	margin-bottom: 30px;
}


#schedule_section3 li {
	padding-top: 21px;
	background: url(images/common/border_dot_h.png) repeat-x left top;
}

#schedule_section3 li h3 {
	background: url(images/common/list_dot.png) no-repeat 0 5px;
	padding-left: 15px;
	margin-bottom: 10px;
}

#schedule_section3 li p {
	margin-bottom: 20px;
	padding-left:15px;
}

#schedule_section3 li.list_top {
	padding-top: 0;
	background: none;
}


/****************************************
	/event
	イベント
****************************************/
.event_section{
	margin-bottom:30px;
}

.event_section table{
	width: 708px;
	margin-bottom: 20px;
}
.event_section table th{
	font-size: 14px;
	font-weight: bold;
	padding: 5px 12px;
	text-align: left;
}
.event_section table th.tbl_gray{
	font-size: 12px;
	font-weight: normal;
	width: 145px;
	text-align: left;
	padding: 12px;
	background: #F5F5F5;
}
.event_section h3{
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 1;
}

.event_old table th.tbl_gray{
	font-size: 12px;
	font-weight: normal;
	width: 76px;
	text-align: center;
	padding: 12px;
	background: #F5F5F5;
}



.event_section ul{
	background: url(images/common/border_dot_h.png) repeat-x left top;
	margin-bottom: 25px;
}
.event_section li{
	background: url(images/common/border_dot_h.png) repeat-x left bottom;
	line-height: 2.5;
}

.event_section ul.intbl_list{
	background: none;
}
.event_section ul.intbl_list li{
	line-height:1.6;
	background: url(images/common/list_dot.png) no-repeat left 50%;
	padding-left:10px;
}
.event_section table td{
	line-height: 1.6;
}
.event_section table td p{
	margin-bottom: 0;
}
.event_section table td p strong{
	font-weight: bold;
}

.event_section table td a{
	text-decoration: underline;
}
.event_section .personal_time p{
	margin-bottom: 5px;
}










/****************************************
	/privacy
	プライバシーポリシー
****************************************/
#privacy_section div h3{
	font-weight: bold;
	font-size: 14px;
}
#privacy_section div{
	padding-bottom:1px;
	margin-bottom: 22px;
	background: url(images/common/border_dot_h.png) repeat-x left bottom;
}


/****************************************
	/links
	リンク
****************************************/
#links_section ul li {
	background: url(images/common/border_dot_h.png) repeat-x left bottom;
	line-height: 2.5;
}

#links_section ul li a {
	padding-left: 15px;
	background: url(images/common/list_img_g.png) no-repeat 0 50%;
}
#links_section ul li a.list_dot {
	background: url(images/common/list_dot.png) no-repeat scroll 0 50%;
	padding-left:15px;
}
/****************************************
	/news
	ニュース総合
****************************************/
.news_list {
	margin-bottom: 36px;
}
.news_list h3 {
	margin-bottom: 10px;
}
.news_list ul{
	margin-bottom: 10px;
}
.news_list p{
	text-align: right;
}


/****************************************
	.post
	ニュース・ブログ系記事
****************************************/
.post_cat{
	margin-bottom: 30px;
}

.post_cat h2{
	margin-bottom: 0;
	padding: 20px 20px 0;
}
.post_cat h2 a{
	font-size: 14px;
	font-weight: bold;
}
.post_cat .the_date{
	text-align: right;
	margin: 0 20px 0 0;
}
.post_cat .entry{
	margin: 0 20px 5px;
	padding-top: 20px;
	border-top: 2px solid #000000;
}

.post_cat .entry a{
	text-decoration: underline;
}

.post_cat .postmetadata{
	margin: 0 25px 0;
	padding-top: 20px;
	text-align: right;
	background: url(images/common/border_dot_h.png) repeat-x left top;	
}

#page_next{
	float:right;
}
#page_prev{
	float:left;
}



/****************************************
	/sitemap
****************************************/
.ddsg-wrapper ul{ margin-bottom:0;}
.ddsg-wrapper ul li ul{ margin-left:30px;}

.sitemaps li ul{
	background: url(images/common/border_dot_h.png) repeat-x left top;
}














/*======================================
	.sidebar
======================================*/
.sidebar{
	width: 200px;
	float: left;
}


#side_list{
	padding-top: 5px;
}

#home .sidebar{
	float: right;
}

.sidebar ul li{
	margin-bottom: 20px;
}
#side_course_menu{
	padding-top: 5px;
	padding-bottom: 22px;
	background: url(images/common/border_dot_h.png) repeat-x left bottom;
	margin-bottom: 15px;
}

#side_course_menu li {
	margin-bottom: 0;
}

table#wp-calendar,
table#wp-calendar th,
table#wp-calendar td{
	padding: 0;
	text-align:center;
	border:none;
	font-size:12px
}
table#wp-calendar td a{
	text-decoration: underline;
}


#wp-calendar {
	width: 198px;
}
#wp-calendar th{
	background: none;
}

#wp-calendar th,
#wp-calendar td{
	line-height: 1.6;
}
#wp-calendar td#prev{
	text-align: left;
}

#wp-calendar td#next{
	text-align: right;
}

#side_list li ul li{
	margin-bottom: 0;
	padding-left: 25px;
	background: url(images/common/list_img_b.png) no-repeat 10px 5px;

}





/*======================================
	.footer
======================================*/
#footer{
	padding: 25px 0 36px;
	clear: both;
}
#footer p{
	line-height:1;
	text-align: right;
	padding-bottom: 11px;
	margin-bottom: 14px;
	background: url(images/common/border_dot_h.png) repeat-x left bottom;
}
#footer ul {
	background: url(images/common/border_dot_v.png) no-repeat left top;
	vertical-align: top;
	height: 15px;
	float: left;
}
#footer ul li{
	float: left;
	padding: 0 10px;
	background: url(images/common/border_dot_v.png) no-repeat right top;
}
#footer address{
	float: right;
}