@charset "utf-8";

/*==================================================
	Base Layout
	Header Area
	Global Navigation
	Main Visual
	Contents Area
	Main Area
	Aside Area
	Footer Area
==================================================*/


/*--------------------------------------------------
	Base Layout
--------------------------------------------------*/
#container {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#444444;
font-size:14px;
}
a,
a:link,
a:hover,
a:visited{
	color:#444;
}

/*--------------------------------------------------
	Header Area
--------------------------------------------------*/
#header {
background: url(/ja/wp-content/themes/ichikawa/shared/images/bg_01.png) ;
margin-bottom: 47px;
min-width:1000px;
}
#header_inner {
width: 1000px;
margin: 0 auto;
}
#header_inner h1 {
text-align: center;
padding: 25px 0;
}

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

.utility {
margin-bottom: 0;
padding-bottom: 30px;
}

.utility li {
float:left;
margin-left:30px;
}
.utility li:first-child {
margin-left: 0;
}
.utility li a {
background: url(/ja/wp-content/themes/ichikawa/shared/images/ico_01.png) no-repeat left 1px;
padding-left: 25px;
padding-bottom:10px;
padding-top:3px;
}

/*--------------------------------------------------
	Global Navigation
--------------------------------------------------*/
#gnav {
width: 1000px;
margin: 0 auto;
}
.gnav_list:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}
.gnav_list {
margin-right: -7px;
}
.gnav_list li {
float: left;
margin-right: 7px;
}

/*--------------------------------------------------
	local Navigation:学生生活
--------------------------------------------------*/
#lnav {
width: 840px;
margin: 0 auto;
}
.lnav_list:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}
.lnav_list {
margin-right: -7px;
}
.lnav_list li {
float: left;
margin-right: 30px;
}


/*--------------------------------------------------
	Main Visual
--------------------------------------------------*/
.top_kv {
width: 1000px;
margin: 0 auto;
margin-bottom: 70px;
}

/*--------------------------------------------------
	Contents Area
--------------------------------------------------*/
#content {
width: 1000px;
margin:0 auto;
}

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

.top_double .block_01 {
float: left;
width: 495px;
background: url(/ja/wp-content/themes/ichikawa/shared/images/bg_02.png);
border-radius: 15px;
margin-right: 10px;
height: 315px;
}

.top_double .block_02 {
float: left;
width: 495px;
background: url(/ja/wp-content/themes/ichikawa/shared/images/bg_02.png);
border-radius: 15px;
height: 315px;
}

.top_double .inner {
padding: 20px;
}
.top_double .inner h2 {
margin-bottom: 30px;
}

.news_list li {
margin-bottom: 10px;
}
.news_list li .ico {
display: inline-block;
width: 74px;
margin-right: 23px;
vertical-align: middle;
}
.news_list li .news_ttl {
display: inline-block;
/*width: 350px;*/
vertical-align: top;
padding:3px 0 0 20px;
font-size:16px;
}
.top_double_02:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}
/*---↓↓youtubeを埋め込んだ際に隣の画像がずれたのでfloatを入れました↓↓---*/
.top_double_02 .box {
float:left;
display: table-cell;
padding-right: 10px;
}
.top_layout_01:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}
.top_layout_01 .block {
float: left;
width: 490px;
height: 194px;
margin-bottom: 10px;
}
.top_layout_01 .school {
background: url(/ja/wp-content/themes/ichikawa/shared/images/top_img_01.png) no-repeat;
position: relative;
margin-right: 20px;
}
.top_layout_01 .school .layout_btn {
position: absolute;
bottom: 15px;
right: 20px;
margin-bottom: 0;
}

.top_layout_01 .school_life {
background: url(/ja/wp-content/themes/ichikawa/shared/images/top_img_02.png) no-repeat;
position: relative;
}
.top_layout_01 .school_life .layout_btn {
position: absolute;
bottom: 15px;
right: 20px;
margin-bottom: 0;
}
.top_layout_01 .course {
background: url(/ja/wp-content/themes/ichikawa/shared/images/top_img_03.png) no-repeat;
position: relative;
margin-right: 20px;
}
.top_layout_01 .course .layout_btn {
position: absolute;
bottom: 15px;
left: 115px;
margin-bottom: 0;
}
.top_layout_01 .etc {
background: url(/ja/wp-content/themes/ichikawa/shared/images/top_img_04.png) no-repeat;
position: relative;
}
.top_layout_01 .etc .layout_btn {
position: absolute;
bottom: 15px;
left: 115px;
margin-bottom: 0;
}



/*--------------------------------------------------
	Main Area
--------------------------------------------------*/
section {
margin-bottom: 35px;
}


/*--------------------------------------------------
	Aside Area
--------------------------------------------------*/

/*--------------------------------------------------
	Footer Area
--------------------------------------------------*/
#footer {
	clear: both;
background: url(/ja/wp-content/themes/ichikawa/shared/images/bg_01.png) ;
margin-top: 130px;
min-width:1000px;
}
#footer_inner {
width: 1000px;
padding: 25px 0;
margin: 0 auto;
}
.foot_txt:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}
.foot_left {
float: left;
width: 490px;
}
.foot_left img{
	padding-bottom: 10px;
}
.foot_right {
	margin-top: 30px;
float: right;
width: 485px;
}
.foot_txt_01 {
margin-bottom: 30px;
display: block;
}
#footer p {
margin-bottom: 0;
}

/*--------------------------------------------------
	Subpage
--------------------------------------------------*/

/**サブページの背景（ワイドギンガムチェック）**/
.sub_wide .bg{
	width: 990px;
	border-radius: 15px;
	padding-top: 15px;
	margin-bottom:30px;
	overflow:auto;
	}
/**サブページの背景（べた塗り）**/
.sub_wide .bgc{
	border-radius: 15px;
	padding: 15px 15px 5px 15px;
	margin-bottom:30px;
	overflow:auto;
	}
/**サブページの背景（ギンガムチェックの色指定）**/
.sub_wide .bg_blue { background: url(/ja/wp-content/themes/ichikawa/shared/images/bg_02.png);}
.sub_wide .bg_yellow { background: url(/ja/wp-content/themes/ichikawa/shared/images/bg_04.png);}
.sub_wide .bg_green { background: url(/ja/wp-content/themes/ichikawa/shared/images/bg_05.png);}
.sub_wide .bg_orange { background: url(/ja/wp-content/themes/ichikawa/shared/images/bg_06.png);}
.sub_wide .bg_purple { background: url(/ja/wp-content/themes/ichikawa/shared/images/bg_07.png);}
.sub_wide .bg_pink { background: url(/ja/wp-content/themes/ichikawa/shared/images/bg_08.png);}

/**サブページの背景（べた塗り色指定）**/
.sub_wide .bgc_blue { background-color: #DCF3FA; }
.sub_wide .bgc_yellow { background-color: #f2f0da; }
.sub_wide .bgc_green { background-color: #d6eee8; }
.sub_wide .bgc_orange { background-color: #ffdfb6; }
.sub_wide .bgc_pink { background-color: #f5e2e3; }
.sub_wide .bgc_purple { background-color: #e7dceb; }


/**サブページの背景の中のコンテンツレイアウト**/
.sub_wide h2{ text-align:center;}
.sub_wide .inner{ padding:20px 30px;}

/**サブページのレイアウト幅いろいろ**/
.sub_wide .w2{ width:450px;}/**2等分**/
.sub_wide .w33p{ width:30%;}/**3等分**/
.sub_wide .w75p{ width:720px;}/**4分の3レイアウト**/


/**ボタンバナーを２つ並べて中央に配置したい時**/
.sub_wide .box2{
	width:600px;
	margin:0 auto;}

/**表**/
.sub_wide .basic th,td{ padding:5px 10px; text-align:center; font-size:90%}
.sub_wide .wide{ width:600px; margin:0 auto;}
.sub_wide .blue th{ background-color:#70d0ec; color:#ffffff;}
.sub_wide .blue td{ background-color:#d5ebee;}
.sub_wide .green th{ background-color:#88e874; color:#ffffff;}
.sub_wide .green td{ background-color:#e7efe7;}
.sub_wide .orange th{ background-color:#ffcd8c; color:#ffffff;}
.sub_wide .orange td{ background-color:#ffdfb6;}

.table_course_wrap {
  width: 85%;
  margin: 0 auto;
}
.sub_wide .blue.course_detail {
  border-collapse: collapse;
  border: 2px solid #888;
  width: 100%;
  margin-bottom: 10px;
}
.sub_wide .blue.course_detail {
  border-collapse: collapse;
  border: 2px solid #888;
  width: 100%;
  margin-bottom: 10px;
}
.sub_wide .blue.course_detail th,
.sub_wide .blue.course_detail td {
  border: 1px solid #888;
  text-align: left;
}
.sub_wide .blue.course_detail th {
  font-weight: bold;
  width: 20%;
}
.sub_wide .blue.course_detail td {
  width: 15%;
}
.sub_wide .blue.course_detail td.pale {
  background: #d0f1fb;
  font-weight: bold;
}
.sub_wide .blue.course_detail td.white {
  background-color:#fff;
  width: 65%;
  padding: 10px 20px;
  line-height: 1.8;

}
.sub_wide .blue.course_detail .list {
  display: block;
  position: relative;
  padding-left: 1.4em;
}
.sub_wide .blue.course_detail .list::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #555;
}
.sub_wide .blue.course_detail .total {
  display: block;
  font-weight: bold;
  margin-top: 5px;
  padding-left: 1em;
}

/**新着情報の背景（ギンガムチェック）**/
.sub_news .bg{
	width: 820px;
	float:left;
	background: url(/ja/wp-content/themes/ichikawa/shared/images/bg_04.png);
	border-radius: 15px;
	padding-top: 15px;
	margin-bottom:30px;
	overflow:auto;
	}
/**新着情報のコンテンツレイアウト**/
.sub_news .inner{ padding:20px 30px;}
.sub_news h2{ text-align:center;}
.sub_news h3{ color:#00bae4; font-size:24px;}
.sub_news .side li{ 
margin:10px; 
text-align:left;
list-style-type:none;
}
.sub_news .side li a{ color:#00bae4; font-weight:bold;}
.sub_news .side li a:hover{ text-decoration:underline;}

/**入学の流れのコンテンツレイアウト**/
.sub_wide .flow_bg_top{ background-image:url(/ja/wp-content/themes/ichikawa/shared/images/flow_bg_top.png); background-repeat:no-repeat; background-position:center;}
.sub_wide .flow_bg_middle{ background-image: url(/ja/wp-content/themes/ichikawa/shared/images/flow_bg_middle.png); background-repeat:repeat-y; background-position:center; padding:10px 0px;}
.sub_wide .flow_bg_bottom{ background-image:url(/ja/wp-content/themes/ichikawa/shared/images/flow_bg_bottom.png); background-repeat:no-repeat; background-position:center;}
.sub_wide .flow_bg_middle li{ margin-bottom:10px;}
.sub_wide .flow_bg_middle li.l{ text-align:left; padding-left:100px;}
.sub_wide .flow_bg_middle li.c{ text-align:center;}
.sub_wide .flow_bg_middle li.r{ text-align:right; padding-right:100px;}

/**サイトマップのレイアウト＆アイコン**/
.sub_wide .sitemap a:hover{ text-decoration:underline;}
.sub_wide .sitemap h3{ font-size:110%;}
.sub_wide .sitemap h3 .ico_blue{ color:#00bae4; margin-right:7px;}
.sub_wide .sitemap h3 .ico_green{ color:#3ad531; margin-right:7px;}
.sub_wide .sitemap h3 .ico_yellow{ color:#ffd738; margin-right:7px;}
.sub_wide .sitemap h3 .ico_orange{ color:#ffac4e; margin-right:7px;}
.sub_wide .sitemap h3 .ico_pink{ color:#feafbc; margin-right:7px;}
.sub_wide .sitemap h3 .ico_purple{ color:#c19bdf; margin-right:7px;}

.sub_wide .sitemap h4 .ico_green{ color:#b8eea4; margin-left:10px; margin-right:7px;}
.sub_wide .sitemap h4 .ico_yellow{ color:#f4f0a2; margin-left:10px; margin-right:7px;}
.sub_wide .sitemap h4 .ico_pink{ color:#fbcad2; margin-left:10px; margin-right:7px;}
.sub_wide .sitemap h4 .ico_purple{ color:#d2b6e5; margin-left:10px; margin-right:7px;}
.sub_wide .sitemap li{ margin-left:30px;}

/**よくあるご質問のレイアウト＆アイコン**/
.sub_wide .faq .icon{ color:#00bae4; margin-right:7px; font-size:130%; font-weight:bold;}

/**お問い合わせフォームレイアウト**/
.sub_wide .inquiry form{ width:692px; margin:0 auto;}
.sub_wide .inquiry dt,dd{ float:left; margin-bottom:20px;}
.sub_wide .inquiry dt{ clear:left; margin-right:63px;}
.sub_wide .inquiry dl input{ width:420px; height:30px;}
.sub_wide .inquiry dl textarea{ width:420px; height:200px;}
.sub_wide .inquiry dl input, textarea {
    font: 1em sans-serif;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c19bdf;
    padding-left:10px;
    padding-top:4px;
    width:220px;
}
input#user_mail{
width:500px;
font: 1em sans-serif;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c19bdf;
    padding-left:10px;
    padding-top:4px;
}

form dl{width:695px;}
.sub_wide .inquiry dl textarea {
    vertical-align: top;
    height: 5em;
    resize: vertical;
    width:500px;
    height:100px;
}
input#name1{
margin-right:60px;
}
img.na, img.me{
margin-top:10px;
margin-left:-25px;
}

.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview  dd{padding-top:7px;}
.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview img.na, .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview img.me{margin-top:2px;}
.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview dd.txt{width:220px;}
.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview dd.msg{width:500px;}
/*---------------------------------
出力20160111
---------------------------------*/

h3.widget-title{
display:none;
}

div.side.right.align-r.pr-5{
width:160px;
}

span.topics{background-image:url(/ja/wp-content/themes/ichikawa/shared/images/news_ico_01.png); background-repeat:no-repeat;}
span.course{background-image:url(/ja/wp-content/themes/ichikawa/shared/images/news_ico_02.png); background-repeat:no-repeat;}
span.event{background-image:url(/ja/wp-content/themes/ichikawa/shared/images/news_ico_03.png); background-repeat:no-repeat;}
span.topics, span.course, span.event{
display:inline-block;
height:32px;
width:73px;
text-indent:-9999px;
white-space:nowrap;
overflow:hidden;
padding-right:20px;
}
ul.news_list{
margin-bottom:0;
}
div.inner li{
list-style:none;
}
div.inner p.align-c{
margin-bottom:5px;
}
div.inner span.pt-5{
display:inline-block;
vertical-align:top;
}
p.mt-10{
font-size:16px;
}

/*---------------------------------
CONTACT20160114
---------------------------------*/
/*確認画面へ進むボタン用*/
input[name="submitConfirm"]{
text-indent:-9999px;
border:none;
background:url(/ja/wp-content/themes/ichikawa/shared/images/inquiry_btn01.png) no-repeat;
width:134px;
height:48px;
overflow:hidden;
cursor:pointer;
display:block;
margin:0 auto;
margin-top:30px;
}
/*送信ボタン用*/
input[name="mwform_submitButton-851"]{
text-indent:-9999px;
border:none;
background:url(/ja/wp-content/themes/ichikawa/shared/images/confirm_btn01.png) no-repeat;
width:134px;
height:48px;
overflow:hidden;
cursor:pointer;
display:block;
margin:0 auto;
margin-top:30px;
}
/*戻るボタン用*/
input[name="submitBack"]{
text-indent:-9999px;
border:none;
background:url(/ja/wp-content/themes/ichikawa/shared/images/confirm_btn02.png) no-repeat;
width:201px;
height:48px;
overflow:hidden;
cursor:pointer;
padding-top:30px;
}
div.inner.inquiry p{
padding-top:30px;
}

/*---------------------------------
資料DL20160114
---------------------------------*/
span.pdf, span.word{
color:blue;
border-bottom:1px solid blue;
}

/*---------------------------------
Drop Shadow追加
---------------------------------*/
.top_double .block_01,
.top_double .block_02,
.sub_wide .bg,
.sub_news .bg{
box-shadow: rgba(0, 0, 0, 0.65098) 0px 5px 10px -5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.65098) 0px 5px 10px -5px;
-moz-box-shadow: rgba(0, 0, 0, 0.65098) 0px 5px 10px -5px;
}
.top_layout_01 .school,
.top_layout_01 .school_life,
.top_layout_01 .course,
.top_layout_01 .etc{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.65098) 0px 5px 10px -5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.65098) 0px 5px 10px -5px;
-moz-box-shadow: rgba(0, 0, 0, 0.65098) 0px 5px 10px -5px;
}

/*---------------------------------
新規css
---------------------------------*/
.gnav_list li img{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.65098) 0px 5px 10px -5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.65098) 0px 5px 10px -5px;
-moz-box-shadow: rgba(0, 0, 0, 0.65098) 0px 5px 10px -5px;
}
div.side.right.align-r.pr-5 h4 img{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.65098) 0px 5px 10px -5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.65098) 0px 5px 10px -5px;
-moz-box-shadow: rgba(0, 0, 0, 0.65098) 0px 5px 10px -5px;
}

.small{ font-size: 90%;}

.bnr_appli {
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.65098) 0px 5px 10px -5px;
  width: 800px;
  margin: 0 auto 30px;
}
/*top-info css*/
.Info {
    text-align: center;
    padding: 1%;
    border: 3px solid #708EC1;
    border-radius: 10px;
    width:57%;
    margin: 2% auto;
}
.Info h2 {
    padding: 0;
    margin: 10px 0;
    color: #708EC1;
    font-size: 1.2rem;
    font-weight: bold;
}
.Info p a {
    color: #708EC1;
}
.Info p a:hover {
    color: #aac2e8;
}
.Info table {
    text-align: center;
    margin: 0 auto 10px auto;
    padding:0;
    border-collapse: collapse;
    width: 90%;
}
.Info table th {
    background-color: #708EC1;
    color: #fff;
}
.Info table th, .Info table td {
    padding: 5px 8px;
    border-collapse: collapse;
    border-left: 1px solid #708EC1;
    border-right: 1px solid #708EC1;
    border-top: 1px solid #708EC1;
}
.Info table td {
    border-left: 1px solid #708EC1;
    border-right: 1px solid #708EC1;
    border-bottom: 1px solid #708EC1;
}