@charset "utf-8";

/*

===================================================================

初期化

===================================================================

*/

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li,

brockquote, pre, table, caption, th, td, address,

form, fieldset, legend, object {

	margin: 0;

	padding: 0;

}

address, em, cite, dfn, var {

	font-style: normal;

}

a img {

	border: none;

}



/*

===================================================================

共通

===================================================================

*/

body {

	font-size: 75%;

	color: #666;

	line-height: 1.4;

	letter-spacing: 0.1em;

	background: #fff url(../img/background.png) repeat-x;

}

h1,h2,h3,h4,h5,h6 {

	font-style: normal;

	font-weight: normal;

}

p {

	margin: 12px 0;

}

a {

	color: #666;

}

a:hover {

	color: #888;

}



.rap {

	width: 960px;

	margin: 0 auto;

	overflow: hidden;

}

.box {

	width: 960px;

	float: left;

	overflow: hidden;

}

ul.lang,

ul.fontsize,

ul.topnav,

ul.mainnav,

ul.subnav,

ul.pickup,

.cc ol,

ul.ad {

	list-style: none;

}

ul.lang li, /* for IE 6,7 */

ul.fontsize li,

ul.topnav li,

ul.mainnav li,

ul.subnav li,

ul.pickup li,

ul.ad li {

	/float: left;

}

span.triangle { /* 右向きの小さな三角形 */

	height: 0;

	width: 0;

	float: left;

	border-top: 4px solid #ccc;

	border-bottom: 4px solid #ccc;

	border-left: 6px solid #ccc;

	border-right: 6px solid #ccc;



	border-color: transparent;

	border-left-color: red; /* 色を変える場合ここを編集 */

}



/*

===================================================================

ヘッダー

===================================================================

*/

#header {

	height: 82px;

	padding-top: 8px;

}

img.logo {

	float: left;

	margin-right: 6px;

}

#header h1 {

	text-indent: -99999px;

}

#header h1 a {

	width: 185px;

	height: 43px;

	margin-top: 17px;

	background: url(../img/name.png) no-repeat;

	float: left;

}

#header h2, div.h2 {

	display: none;

}

ul.lang,

ul.fontsize,

ul.topnav {

	float: right;

}

/* 翻訳切り替え

-----------------------------------------------------------------*/

ul.lang {

	padding-left: 431px;

	width: 264px;

	margin: 0 -5px 6px 0;

}

.lang li a {

	font-size: 80%;

	font-family: "ＭＳ 明朝", serif;

	font-weight: bold;

	text-align: center;

	text-decoration: none;

	line-height: 130%;

	letter-spacing: 0;

	color: #fff;

	width: 61px;

	height: 14px;

	float: left;

	margin-right: 5px;

	background: #989898; /* 翻訳ボタンの背景色 */

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

}

li.sl01 a:hover, li.sl02 a:hover, li.sl03 a:hover, li.sl04 a:hover {

	background: #980000; /* 翻訳ボタンのhoverの背景色 */

}

/* フォントサイズ切り替え

-----------------------------------------------------------------*/

ul.fontsize {

	padding-left: 535px;

	width: 160px;

	margin: 0 -4px 8px 0;

}

ul.fontsize span {

	float: left;

	width: 70px;

	margin-top: 5px;

}

.fontsize li a {

	width: 20px;

	height: 20px;
	display: block;

	float: left;

	margin-right: 4px;

	overflow: hidden;

	padding: 1px;

	border: 2px solid #efefef; /* フォントサイズの一番後ろの薄い灰色 */

	background: #ccc; /* フォントサイズ二番目の濃い灰色 */

	text-decoration: none;

}


.fontsize li a span.fs_gradient {

	width: 16px;

	height: 16px;

	float: left;

	padding: 2px 0 2px 4px;
	cursor:pointer;

	margin: 0;

	/* フォントサイズの背景色。moz,webkitはグラデーション。それ以外は白に近い灰色 */

	background: #f8f8f8;
	filter:progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#fff8f8f8,EndColorStr=#ffffffff);


	background: -moz-linear-gradient(top, #f8f8f8,

									#fff 49%,

									#f3f3f3 50%,

									#f8f8f8);

	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8),

									color-stop(0.49, #fff),

									color-stop(0.5, #f3f3f3),

									to(#f8f8f8));

}



.fontsize li a:hover span.fs_gradient {

	color: #fff;

	/* フォントサイズの背景色。moz,webkitはグラデーション。それ以外は赤 */

	background: #a60000;

	background: -moz-linear-gradient(top, #aa1515,

									#a60000 49%,

									#9a0303 50%,

									#9e1616);

	background: -webkit-gradient(linear, left top, left bottom, from(#aa1515),

									color-stop(0.49, #a60000),

									color-stop(0.5, #9a0303),

									to(#9e1616));

}


/* 小メニュー

-----------------------------------------------------------------*/

ul.topnav {
/*	width: 376px; */
	width: 378px;

	margin-right: -11px;

}

.topnav li a {

	float: left;

	line-height: 115%;

	margin-right: 13px;

}

/*

===================================================================

ナビゲーション

===================================================================

*/

#nav {

	height: 90px;

	margin-bottom: 10px;

}

/* メインメニュー

-----------------------------------------------------------------*/

.mainnav {

	height: 50px;

	background: #952428; /* メインナビゲーションの背景色 */

}

.mainnav li {

	text-indent: -99999px;

}

.mainnav li a {

	height: 50px;

	float: left;

	background: url(../img/main-menu.png) no-repeat;

	border-left: 1px solid #bb0000; /* メインナビゲーションの仕切り線 左側の色 */

	border-right: 1px solid #730000; /* メインナビゲーションの仕切り線 右側の色 */

}

li.mn01 a { width: 86px; background-position: 0 0; border-left: none;}

li.mn02 a { width: 172px; background-position: -86px 0; }

li.mn03 a { width: 172px; background-position: -258px 0; }

li.mn04 a { width: 173px; background-position: -430px 0; }

li.mn05 a { width: 172px; background-position: -603px 0; }

li.mn06 a { width: 175px; background-position: -775px 0; border-right: none; }

li.mn01 a:hover { background-position: 0 -50px; }

li.mn02 a:hover { background-position: -86px -50px; }

li.mn03 a:hover { background-position: -258px -50px; }

li.mn04 a:hover { background-position: -430px -50px; }

li.mn05 a:hover { background-position: -603px -50px; }

li.mn06 a:hover { background-position: -775px -50px; }

/* サブメニュー

-----------------------------------------------------------------*/

ul.subnav {

	height: 40px;

	background: #f3f0e8; /* サブナビゲーションの背景色。 */

}

.subnav li {

	text-indent: -99999px;
	/float: left;
}

.subnav li a {

	height: 40px;

	float: left;

	font-weight: bold;

	background: url(../img/sub-menu.png) no-repeat; /* サブナビゲーションの文字色は、画像を修正する必要あり。*/

}

.subnav li a span {

	font-size: 80%;

/*	display: block; */
	float: left;

	display:none;
}

.subnav li a:hover {

	background: #ebe6d8 url(../img/sub-menu.png); /* Hover時のサブナビゲーションの背景色。 */

}

li.sn01 a, li.sn01 a:hover { width: 129px; background-position: 0 0 !important; }

li.sn02 a, li.sn02 a:hover { width: 85px; background-position: -129px 0 !important; }

li.sn03 a, li.sn03 a:hover { width: 164px; background-position: -214px 0 !important; }

li.sn04 a, li.sn04 a:hover { width: 113px; background-position: -378px 0 !important; }

li.sn05 a, li.sn05 a:hover { width: 104px; background-position: -491px 0 !important; }

/*

===================================================================

サブメニュー内の検索フォーム

===================================================================

*/

.subnav form {

	width: 260px;

	margin-top: 8px;

	padding-right: 25px;

	float: right;

}

input.sitesearch {

	width: 180px;

	height: 18px;

	background: -moz-linear-gradient(top, #f2f2f2, #fff);

	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2),to(#fff));

	border: 1px solid #ccc;

}

input.sitesubmit {

	width: 70px;

	height: 22px;

	text-indent: -9999px;

	background: url(../img/submit.png);

	border: none;

	cursor: pointer;

}

/*

===================================================================

イメージ画像

===================================================================

*/

#photo {

	margin-bottom: 20px;

}

/*

===================================================================

トップバナー

===================================================================

*/

#top-banner-wrapper {
	width: 960px;
	float: left;
	margin-bottom: 20px;
}
	.top-banner-block {
		width: 225px;
		margin-left: 20px;
		float: left;
	}
	.top-banner-block:first-child {
		margin-left: 0;
	}
		.top-banner-block img {
			max-width: 100%;
			height: auto;
		}

/*

===================================================================

パンくず

===================================================================

*/

p.crumb a {

	text-decoration: none;

}

/*

===================================================================

コンテンツ部分

===================================================================

*/

/* 共通

-----------------------------------------------------------------*/

#content {

	margin-bottom: 10px;

}

.contentL { /* 左 */

	width: 220px;

	float: left;

	overflow: hidden;

	margin-right: 20px;

}

.contentC { /* 中央 */

	width: 560px;

	float: left;

	overflow: hidden;

	margin-right: -20px;

}

	.cc { /* 中央内の縦枠 */

		width: 260px;

		margin-right: 20px;

		float: left;

	}

.contentR { /* 右 */

	width: 160px;

	float: right;

	overflow: hidden;

}

/* 左コンテンツ

-----------------------------------------------------------------*/

ul.pickup {

	width: 210px;

	padding: 5px;

	overflow: hidden;

	background: #efefef;

}

.pickup li {

	text-indent: -99999px;

}

.pickup li a {

	width: 210px;

	height: 50px;

	float: left;

	margin-bottom: 2px;

	background: url(../img/left-menu.jpg) no-repeat;

}

li.cl01 a { background-position: 0 0; } /* 就職支援 */

li.cl02 a { background-position: 0 -50px; } /* 国際交流 */

li.cl03 a { background-position: 0 -100px; } /* ビジネス創造センター */

li.cl04 a { background-position: 0 -150px; } /* 附属図書館 */

li.cl05 a { background-position: 0 -200px; } /* 学術成果コレクション */

li.cl06 a { background-position: 0 -250px; } /* 商大くんがいく！ */

li.cl07 a { background-position: 0 -300px; } /* 採用情報 */

li.cl08 a { background-position: 0 -350px; } /* アクセス */

li.cl09 a { background-position: 0 -400px; } /* 学内限定 */

li.cl10 a { background-position: 0 -450px; } /* 学務情報システム */

li.cl11 a { background-position: 0 -500px; } /* E-learning */

li.cl12 a { background-position: 0 -550px; } /* YOUC */

li.cl13 a { background-position: 0 -600px; } /* 商大への留学 */

li.cl14 a { background-position: 0 -650px; } /* チューター */

li.cl15 a { background-position: 0 -700px; } /* ホストファミリー */

/* 中央コンテンツ

-----------------------------------------------------------------*/

span.grayback {

	width: 254px;

	height: 24px;

	float: left;

	overflow: hidden;

	padding: 1px;

	border: 2px solid #efefef; /* 見出しの一番後ろの薄い灰色 */

	background: #ccc; /* 見出し二番目の濃い灰色 */

}

span.gradient {

	width: 250px;

	height: 22px;

	float: left;

	padding: 1px 2px;

	/* 見出しの背景色。moz,webkitはグラデーション。それ以外は白に近い灰色 */

	background: #f8f8f8;
	filter:progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeaeaea,);


	background: -moz-linear-gradient(top, #f8f8f8,

									#fff 49%,

									#f3f3f3 50%,

									#f8f8f8);

	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8),

									color-stop(0.49, #fff),

									color-stop(0.5, #f3f3f3),

									to(#f8f8f8));

}

.grayback .gradient h3 {

	font-size: 110%;

	height: 19px;

	float: left;

	border-left: 3px solid #990000; /* 見出しの左側の赤線 */

	padding: 3px 0 0 6px;

	font-weight: bold;

}

.grayback .gradient h3 span {

	font-size: 80%;

	color: #990000; /* 見出しのサブタイトル */

	letter-spacing: 0;

	font-weight: normal;

	margin-left: 5px;

}

.grayback .gradient span.more a {

	width: 66px;

	height: 21px;

	font-size: 80%;

	float: right;

	border-left: 1px solid #ccc;

	letter-spacing: 0;

	text-decoration: none;

	padding: 1px 0 0 4px;

	background: url(../img/arrow.png) 63px 5px no-repeat;

}

.pagebody h3 span.more a{

	width: 90px;

	height: 21px;

	font-size: 65%;

	float: right;

	border-left: 1px solid #ccc;

	letter-spacing: 0;

	text-decoration: none;

	padding: 3px 0 0 4px;

	background: url(../img/arrow.png)80px 6px no-repeat;

}

.grayback .gradient span.more a:hover {

	background: #f2f2f2 url(../img/arrow.png) 63px 5px no-repeat; /* 見出しの一覧 hover時の背景色 */

}

.pagebody h3 span.more a:hover{
	background: #f2f2f2 url(../img/arrow.png) 80px 5px no-repeat; /* 見出しの一覧 hover時の背景色 */

}

.cc ol li {

	width: 236px;

	padding: 12px;

	float: left;

	border-bottom: 1px dotted #ccc;

}

.cc ol li span {

	color: #666;

	display: block;

}

.cc ol li a {

	color: #990000;

}

.cc ol li a:hover {

	color: #600000;

}

/* 右コンテンツ */
ul.ad {

	width: 158px;

	padding: 1px;

	overflow: hidden;

	background: #efefef;
margin-bottom: 20px;
}
.ad li a {

	width:158px;

	height: 50px;

	float: right;

	margin-bottom: 2px;

}

ul.ad li a img {

	float: right;

	margin-bottom: 10px;

	/margin-top: 10px; /* for ie6,7 */

}

/*

===================================================================

ページの先頭へ

===================================================================

*/

p.topback {

	float: left;

	margin-bottom: 10px;

}

p.topback a {

	color: #999;

	font-size: 80%;

	text-decoration: none;

	text-align: center;

	padding: 15px 0 4px;

	background: #efefef url(../img/topback.png) center 6px no-repeat;

}

	p.topback a:hover {

		background: #e4e4e4 url(../img/topback.png) center 6px no-repeat; /* ページ先頭へ hover時の背景色 */

	}

/*

===================================================================

フッター

===================================================================

*/

.bottom_rap {

	/margin-top: 10px; /* for ie6,7 */

	background: #952428; /* フッターの背景色 */

}

#footer {

	background: url(../img/uc-b.png) right 0px no-repeat;

	padding-top: 30px;

}

.addbox {

	background: url(../img/uc-s.png) no-repeat;

	padding-left: 55px;

	color: #fff;

	letter-spacing: 0.05em;

}

.addbox p {

	margin: 0;

}

.w220 {

	width: 200px;

	float: left;

	margin-right: 30px;

}



.w320 {

	width: 265px;

	float: left;

}

.right {

	float: right !important;

}

p.copy {

	margin: 70px 0 20px;

	text-indent: -99999px;

	background: url(../img/copyright.png) center 0px no-repeat;

}



/*

===================================================================

2カラムサイト　※トップ以下のウェブサイトで使用

===================================================================

*/

.contentCR {

	width: 740px;

	float: right;

	overflow: hidden;

	margin-right: -20px;

}

.contentCR span.grayback {

	width: 714px;

	min-height:41px;
height:auto ;	margin-bottom: 30px;

}

.contentCR span.gradient {

	width: 700px;

	min-height:35px ;
height:auto ;	padding: 3px 7px;

}

.contentCR .grayback .gradient h2 {

	font-family: HGPMinchoB, 'HGP明朝B', 'HGP明朝E', '平成明朝', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'NFモトヤアポロ1', 'ＤＦＧ細楷書体Ｊ', 'ＭＳ Ｐ明朝', serif;

	font-size: 185%;
 min-height:30px ;
	height:auto ;
	line-height:120%;

	border-left: 6px solid #990000; /* 見出しの左側の赤線 */

	padding: 5px 0 0 15px;

	color: #000;

	font-weight: normal;

}

.contentCR .grayback .gradient h2 span {

	color: #990000; /* 見出しのサブタイトル */

	margin-left: 20px;

	font-size: 65%;

	letter-spacing: 0.1em;

}
.contentCR .grayback .gradient span.blog{

	color: #990000; /* 見出しのサブタイトル */

	margin-left: 0;
	margin-right: 10px;

	font-size: 65%;

	letter-spacing: 0.1em;

}

.contentCR .page_list{
	width:720px;
	min-height:120px;
	float:left;
}

dl.boxlist {

	width: 350px;

	float: left;

	border-top: 1px solid #ccc;
	padding-top:10px;

	margin: 0 20px 25px 0;

}


dl.boxlist h3 a{

	font-size: 110%;

	color: #990000;

	text-decoration: none;

}
dl.boxlist h3 {

	font-size: 110%;

	color: #990000;

	text-decoration: none;

}


dl.boxlist span.triangle { /* 右向きの小さな三角形 */

	margin-top: 3px;

}

dl.boxlist dd {

	width: 338px;

	padding: 8px 0 8px 12px;

	overflow: hidden;

}

dl.boxlist dd ul {

	width: 95%;

	margin-left: 5%;

	float: left;

}

dl.boxlist dd li {

	list-style: circle;

	margin: 3px 0;

}

dl.boxlist dd.subfolders li {

	list-style: disc;

}

li.subsub {

	list-style: disc !important;

	width: 95%;

	float: right;

}

li.subsub ul li {

	list-style: circle !important;

}

li.subsub ul li.subsubsub {

	list-style: disc !important;

}

/*

===================================================================

下層のページ用　スタイル指定

===================================================================

*/

.pagebody {

	width: 705px;

	margin-left:10px;

	float: left;

}
.pagebody h2,

.pagebody h3,

.pagebody h4,

.pagebody h5,

.pagebody h6 {

	font-weight: bold;

	letter-spacing: 0.1em;

	margin-bottom: 20px;

}

.pagebody h2 {
	font-family: 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'NFモトヤアポロ1', 'ＤＦＧ細楷書体Ｊ', 'ＭＳ Ｐ明朝', serif;

	font-size: 175%;

	width: 691px;

	float: left;

	padding: 5px 0 3px 12px;

	border: 1px solid #e6e6e6;

	background: #f8f8f8;

}

.pagebody h3 {

	font-size: 150%;

	width: 687px;

	float: left;

	padding: 5px 0 3px  12px;

	border: 1px solid #e6e6e6;

	border-left: 5px solid #990000;

	background: #f8f8f8;

	background: -moz-linear-gradient(top, #f8f8f8,

									#fff 49%,

									#f3f3f3 50%,

									#f8f8f8);

	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8),

									color-stop(0.49, #fff),

									color-stop(0.5, #f3f3f3),

									to(#f8f8f8));

}

.pagebody h4 {

	font-size: 130%;

	width: 685px;

	float: left;

	padding: 3px 0 3px  14px;

	border-bottom: 1px solid #e6e6e6;

	border-left: 5px solid #990000;

}

.pagebody h5 {

	font-size: 130%;

	width: 688px;

	padding:  3px 0 0 17px;

	border-bottom: 3px double #e6e6e6;

}

.pagebody h6 {

	font-size: 130%;
	padding:  3px 0 0 17px;



}
.pagebody p {

	padding:0px ;
	text-indent: 1em;
	font-size: 1.2em;


}
.pagebody p.plane{

	padding:0px ;
	text-indent: 0em;
}

.pagebody big {

	font-size: 120%;

}

.pagebody small {

	font-size: 80%;

}

.pagebody strong {

}

.pagebody em {

	font-style: oblique;

}

.pagebody ul,

.pagebody ol {

	width: 100%;

	float: left;

	margin: 10px 0 10px 20px;

	padding:0 35px;

font-size: 1.2em;


}

.pagebody ul ol,

.pagebody ol ol,

.pagebody ol ul,

.pagebody ul ul{

	font-size:1em;
	margin: 0;
	padding:0 20px;
}


.pagebody blockquote {

	width: 671px;

	color: #888;

	margin: 20px 0;

	padding: 20px;

	border: 1px solid #e6e6e6;

	float: left;

	background: #fafafa;

}

.pagebody table {

/*	width: 100%; */

    border-collapse:collapse;

    border-spacing:0;

}

.pagebody table th,

.pagebody table td {

	border: 1px solid #e6e6e6;

	padding: 8px;

}

.pagebody table.w100 {

	width: 100%;

}
.pagebody table.center {

	margin-left: auto;

	margin-right:auto;

}
.pagebody address {

	padding: 0;

	margin:20px 20px;

	font-size:1.2em;

}
/*
=====================================
商大くんがいく！の修正　110601
=====================================
*/
.asset-meta {
	display: block;
	width: 683px;
	margin: 0 0 5px 27px;
	float: left;
}
.asset-body {
	display: block;
	width: 683px;
	margin: 0 0 21px 27px;
	float: left;
}

/*
=====================================
商大くんがいく！のサムネイル表示　
=====================================
*/
.listimage {
	padding-right:10px;
	float:left;
}



/*
=====================================
ブログのページャー
=====================================
*/

.blogpager {
text-align:center;
font-size:1.1em;
margin-bottom:5px
}
.blogpager a {
padding:4px;
border:1px solid #E7DEE0;
}
.blogpager .current_page{
padding:4px;
border:1px solid #952428;
}
.beforenext {
margin:0 5px;