@charset "utf-8";

/*----------------------------------------------------
all
----------------------------------------------------*/

body{
	background:#FFF url(../images/bg.jpg) repeat-x;
	margin:0 auto;
	padding:0;
	color:#666;
	text-align:center;
}

img{
	border:0;
}

#hidden{
	display:none; /*==指定要素とそこに含まれる子要素のボックスが生成されず、表示されません。==*/
}

.anchor{
	margin:0;
	padding:0;
}

.separat{
	display:none;
}

.pagetop{
	clear:both;
	text-align:right;
	background: url(../images/top_line.gif) no-repeat;
	margin:15px 0 0 0;
	padding:7px 0 0 0;
}

.clear{
	clear:both;
}

/*----------------------------------------------------
link
----------------------------------------------------*/

a:link{
	color:#546FB4;
	text-decoration:none;
}

a:visited{
	color:#234089;
	text-decoration:none;
}

a:hover{
	color:#6B86CB;
	text-decoration:none;
}

/*----------------------------------------------------
ヘッダー
----------------------------------------------------*/

#header{
	width:790px;
	height:80px;
	margin:0 auto;
	padding:0;
	background: url(../images/head_bg.jpg) no-repeat;
	position:relative;
}

#header h1{
	margin:0;
	top:20px;
	left:0;
	padding:0;
	width:245px;
	height:50px;
	position:absolute;
}

#header .logo{
	margin:0;
	top:20px;
	left:0;
	padding:0;
	width:245px;
	height:50px;
	position:absolute;
}

/*ヘッダー内ナビゲーション*/
#head_nav{
	text-align:right;
	width:350px;
	height:80px;
	font-size:85%;
	position:absolute;
	left:440px;
}

#head_nav .contact{
	height:28px;
	margin:0;
	padding:0;
}

#head_nav .contact img{
	vertical-align:bottom;
	margin-left:3px;
}

#head_nav .english{
	margin:0 0 0 240px;
	padding:0;
	width:105px;
	height:28px;
}

#head_nav .english img{
	margin:3px 0 0 0;
	vertical-align:bottom;
}

#head_nav ul.site_nav{
	margin:0;
	padding:0;
	list-style:none;
	height:23px;
	position:relative;
}

#head_nav li{
	display:block;
	position:absolute;	
}

#head_nav li.nav1{
	width:68px;
	right:291px;
}

#head_nav li.nav2{
	width:98px;
	right:193px;
}

#head_nav li.nav3{
	width:78px;
	right:115px;
}

#head_nav li.nav4{
	width:115px;
	right:0;
}

/*----------------------------------------------------
グローバルナビ
----------------------------------------------------*/
#g_nav{
	clear:both;
	width:790px;
	margin:15px auto 0 auto;
	padding:0;
	height:30px;
	position:relative;  /*===通常の位置を基準とした相対的な位置指定====*/
}

#g_nav ul{
	margin:0;
	padding:0;
	list-style:none;
}

#g_nav li{
	display:block;
	width:134px;
	height:30px;
}

#g_nav li.category1, li.category2, li.category3, li.category4{
	width:134px;
	position:absolute;
}

li.category1{
	right:431px;
}

li.category2{
	right:294px;
}

li.category3{
	right:157px;
}

li.category4{
	right:20px;
}

/*----------------------------------------------------
コンテンツステージ
----------------------------------------------------*/

#stage{
	width:790px;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
	background: url(../images/stage_bg.gif) no-repeat;  /*===背景画像===*/
}

/*===サイドバーリンクボタン===*/
#contentsarea{
	width:750px;
	margin:0 20px;
	padding:0;
}

#cover{
	margin:0 0 20px 0;
	padding:0;
}



/*----------------------------------------------------
左メニュー　ボタン
----------------------------------------------------*/
#side_menu{
	background-image: url(../images/left_bg.gif);  /*===縦線==*/
	padding-top:50px;
	text-align:left;
	width:205px;
　　margin:0;
}

#side_menu .button_box{
	margin:10px 0;
	font-size:70%;
	line-height:1.3em;
}

.button_box img{
	display:block;  /*==指定要素がブロックレベルで表示されます==*/
}

/*小メニュー*/
/*===========小さい画像には適している==============*/
#menu ul {
	margin: 0;
	padding: 0;
	/*
	list-style: none;
	*/
	
}
#menu li {
	margin: 0;
	padding: 0;
	height: 40px;
	text-indent: -9999px;
}

#menu li#cn1 {
	background: url(../images/nav_1.gif) no-repeat top left;
}
#menu li#cn2 {
	background: url(../images/nan_1.gif) no-repeat top left;
}
#menu li#cn3 {
	background: url(../images/rif_1.gif) no-repeat top left;
}
#menu li#cn4 {
	background: url(../images/nav_4ovv.gif) no-repeat top left;
}
#menu li#cn5 {
	background: url(../images/syain.gif) no-repeat top left;
}
#menu li#cn6 {
	background: url(../images/kouzou.gif) no-repeat top left;
}
#menu li#cn7 {
	background: url(../images/kyujin.gif) no-repeat top left;
}
#menu li#cn8 {
	background: url(../images/sen.gif) no-repeat top left;
}
#menu li#cn9 {
	background: url(../images/consept.gif) no-repeat top left;
}
#menu li#cn11 {
	background: url(../images/sapo_nav.gif) no-repeat top left;
}     
#menu li#cn12 {
	background: url(../images/modan_nav.gif) no-repeat top left;
}                                 
#menu a {
	width: 181px;
	height: 40px;
	display: block;
	text-decoration: none; 
}

/* =====================
小さい画像には適している
=======================*/
#menu li#cn1 a:hover {
	background: url(../images/nav_1ov.gif) no-repeat top left;

}
#menu li#cn2 a:hover {
	background: url(../images/nav_2ov.gif) no-repeat top left;

}
#menu li#cn3 a:hover {
	background: url(../images/nav_3ov.gif) no-repeat top left;

}
#menu li#cn4 a:hover {
	background: url(../images/nav_4ov.gif) no-repeat top left;

}
#menu li#cn5 a:hover {
	background: url(../images/nav_5ov.gif) no-repeat top left;

}
#menu li#cn6 a:hover {
	background: url(../images/nav_6ov.gif ) no-repeat top left;

}
#menu li#cn7 a:hover {
	background: url(../images/nav_7ov.gif ) no-repeat top left;

}
#menu li#cn9 a:hover {
	background: url(../images/nav_9ov.gif ) no-repeat top left;

}
#menu li#cn11 a:hover {
	background: url(../images/sapo_navov.gif ) no-repeat top left;
                             
}
#menu li#cn12 a:hover {
	background: url(../images/modan_navov.gif ) no-repeat top left;
                             
}

/*===========小さい画像には適している==============*/



ul.menu_s{
	margin:10px 0;
	padding:0;
	list-style:none;
	width:165px;
}

ul.menu_s li{
	margin:0;
	padding:1px 0 0 0;
	background: url(../images/top_line.gif) no-repeat;　　/*===横線長い===*/
}　

ul.menu_s img{
	vertical-align:bottom;  /*==下端揃えにしますテキストや画像などの縦方向の揃え位置を指定する際に使用します。==*/
}

/*学部・学科メニュー*/
.m_list_box{
	margin:0;
	padding:0;
	width:165px;
}

.m_list_box .head{
	color:#3A3A3A;
	font-size:75%;
	background:#FFF;
	margin:5px 0 0 15px;
	display:block;
	font-weight:bold;
	width:150px;
}

ul.m_list{
	margin:5px 0 7px 15px;
	padding:0;
	list-style:none;
	width:150px;
}

ul.m_list li.base{
	margin:1px 0 0 0;
	background: url(../images/point_s.gif) no-repeat left top;
	padding:1px 0 3px 15px;
	border-bottom:1px solid #D4C5C5;
	font-size:75%;
	line-height:1.3em;
}

ul.m_list li.base2{
	margin:1px 0 0 0;
	background:#FFF url(../images/point_s.gif) no-repeat left top;
	padding:1px 0 3px 15px;
	border-bottom:1px solid #D4C5C5;
	font-size:75%;
	line-height:1.3em;
}

ul.m_list li.choice{
	margin:1px 0 0 0;
	background:#EEE url(../images/point_s.gif) no-repeat left top;
	padding:1px 0 3px 15px;
	border-bottom:1px solid #D4C5C5;
	font-size:75%;
	line-height:1.3em;
}

ul.m_list li.choice2{
	margin:0;
	background: url(../images/list_line_bg2.gif) no-repeat;
	padding:3px 0 0 15px;
	font-size:75%;
	height:20px;
}

/*学科内リンクメニュー*/
ul.m_list_sub{
	margin:6px 0 0 0;
	padding:0 0 5px 0;
	border-top:1px solid #CCC;
	list-style:none;
}

ul.m_list_sub li{
	margin:0 0 1px 0;
	padding:0 0 2px 15px;
	background:#FFF url(../images/point_s.gif) no-repeat left top;
	font-size:95%;
	border-top:1px solid #FFF;
	border-bottom:1px solid #CCC;
}

ul.m_list_sub li.choice3{
	margin:0 0 1px 0;
	padding:0 0 2px 15px;
	background:#EEE url(../images/point_s.gif) no-repeat left top;
	font-size:95%;
	border-top:1px solid #FFF;
	border-bottom:1px solid #CCC;
}

/*ポイント・下線付きメニュー*/
ul.link_line{
	margin:10px 0;
	padding:0;
	list-style:none;
	width:165px;
}

ul.link_line li{
	background: url(../images/list_line_bg.gif) no-repeat;
	height:20px;
	font-size:75%;
	padding:3px 0 0 15px;
	margin:0;
}

/*写真付きメニュー*/
ul.photo_menu_m{
	margin:10px 0;
	padding:0;
	list-style:none;  /*==マーカーなし ==*/
	width:165px;
}

ul.photo_menu_m li{
	height:50px;
	margin:0 0 5px 0;
}





/*----------------------------------------------------
メインコンテンツ
----------------------------------------------------*/

#main_area{
	text-align:left;
	width:545px;
	font-size:80%;
	line-height:1.3em;
}

#main_area p{
	margin:3px 0;
}

/*トップ2列配置ボタン*/
.two_line{
	width:545px;
	margin:15px 0;
	height:63px;
}

.fb{
	float:left;
	margin:0;
	width:265px;
}

.sb{
	float:right;
	margin:0;
	width:265px;
}

#main h1 {
	margin: 0;
	padding-bottom: 20px;  /*=====paddingパディングに関する指定をまとめて行う=======*/
}

#main h2 {
	margin: 0;
	padding-bottom: 13px;
}
#main .text_withpic img {
	float: left;
	color: #333;
	margin-right: 1em;
	margin-bottom: 0.7em;
}


/*----------------------------------------------------
フッター　共通
----------------------------------------------------*/
#footer{
	width:790px;
	margin:0 auto;
	padding:0 0 20px 0;
	border-bottom:7px solid #0066FF;    /*=フッターアンダー線=*/
	background-image: url(../images/other_bg.gif);
	text-align:left;
	clear:right;
}

.footer2{
	margin:0 20px;
	padding:10px 0 0 0;
	border-top:1px solid #D4C5C5;
}

/*フッターメニュー*/
p.foot_nav{
	font-size:70%;
	margin:0 20px;
	padding:10px 0 0 0;
	border-top:1px solid #D4C5C5;
}

/*==コピーライト　Copyright==*/
p.copyright{
	margin:10px 0 0 20px;
	padding:0;
	font-size:75%;
	color:#5A5A5A;
}

/*フッターボタン*/
.foot_b{
	width:500px;
	margin:20px auto 0 auto;
	padding:7px;
	text-align:center;
	background-color:#EDEBEB;
	border:1px solid #DDD;
}

.foot_b img{
	margin-left:7px;
	vertical-align:bottom;    /*縦方向の揃え位置を指定する*/
}



/*----------サンプル（あとで消そう）----------*/

/*フッターメニュー*/
p.foot_nav02{0
	font-size:70%;
	margin:0;
	padding:0;
	float:left;
}

/*コピーライト*/
p.copyright02{
	margin:25px 0 0 20px;
	padding:0;
	font-size:75%;
	color:#5A5A5A;
}

/*フッターボタン*/
.foot_b02{
	margin:0;
	padding:0;
	float:right;
}

.foot_b02 img{
	margin-left:7px;
}