@charset "utf-8";

/** ========== 共通 ============================================================= **/
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
}

strong { font-weight: bold; }
ul { list-style: none; }
img { border: none; line-height: 0; vertical-align: bottom }

* html body { font-size: 75%; }
html>body { font-size: 12px; }
*:first-child+html body { font-size: 75%; }

.txt10 { font-size: 84%; line-height: 1.4; }
.txt11 { font-size: 89%; }
.txt12 { font-size: 100%; }
.txt14 { font-size: 117%; }
.txt16 { font-size: 134%; }
.pagetop { text-align: right; padding: 30px 31px 15px 0; clear: both; }
.clear { clear: both; }

body.CampusLife {
  text-align: center;
  font-family: "ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
  color: #505356;
	background:#D5F3FD url(/images/campusstyle/common/body_bg.gif) repeat-x;
	line-height: 1.5;
	padding-bottom: 15px;
}

body.CampusLife table { line-height: 1.5; }
table td { vertical-align: top; }
html {
	overflow-y:scroll;
}

a:link		{ color: #0090FF; text-decoration: underline; }
a:visited	{ color: #0090FF; text-decoration: underline; }
a:hover		{ color: #FF6000; text-decoration: underline; }
a:active	{ color: #FF6000; text-decoration: underline; }

a.type2:link		{ color: #185A8D; text-decoration: underline; }
a.type2:visited	{ color: #185A8D; text-decoration: underline; }
a.type2:hover		{ color: #FF6000; text-decoration: underline; }
a.type2:active	{ color: #FF6000; text-decoration: underline; }

/** clearfix **/
.cf:after { content: " ";  display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; }
* html .cf { display: inline-block; }
/* no ie mac \*/ * html .cf { height: 1%; } .cf { display: block; } /* */

/****** layout *******/

html>body div#page {
	background: url(/images/campusstyle/common/main_bg.png) repeat-y;
	width: 814px;
	margin: 0 auto;
	text-align: left;
}
* html #page {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/campusstyle/common/main_bg.png', sizingMethod='scale');
	width: 814px;
	margin: 0 auto;
	text-align: left;
}

div.contents {
	width: 814px;
	margin: 0 auto;
	background: url(/images/campusstyle/common/main_bg.gif) repeat-y 5px 5px transparent;
	text-align: left;
}

div.main {
	width: 757px;
	margin-left: 30px;
}

div.footer {
	height: 250px;
	background: url(/images/campusstyle/common/footer_bg.gif) no-repeat left bottom;
}

div.footer address {
	width: 754px;
	margin-left: 30px;
	padding-top: 8px;
}
div.footer address a:link,
div.footer address a:visited {
	color:#666666;
	text-decoration:none;
}

div.footer div.ilink a:link,
div.footer div.ilink a:visited,
div.footer div.ilink a:hover {
	color: #666;
	text-decoration: none;
}
div.footer div.ilink {
	margin-left:30px;
	padding-top:10px;
	width:754px;
	font-size:10px;
	line-height:12px;
	text-align:left;
	color: #333;
}

div.footer div.ilink2 a:link,
div.footer div.ilink2 a:visited,
div.footer div.ilink2 a:hover {
	color: #666666;
	text-decoration: none;
}
div.footer div.ilink2 {
	margin-left:30px;
	padding-top:0px;
	width:754px;
	font-size:10px;
	line-height:12px;
	text-align:left;
}
div.footer div.ilink4 a:link,
div.footer div.ilink4 a:visited,
div.footer div.ilink4 a:hover {
	color: #333;
	text-decoration: none;
}
div.footer div.ilink4 {
	background: url(/images/campusstyle/common/footer_line.gif) no-repeat center top;
	margin-left:30px;
	padding-top:10px;
	width:754px;
	font-size:10px;
	line-height:12px;

}
div.footer div.agreement {
	margin-right:30px;
	margin-top:-15px;
	text-align: right;
}
div.footer div.agreement a:link,
div.footer div.agreement a:visited {
	color:#666666;
	text-decoration:none;
}

/** header **/
#headArea {
	background: url(/images/campusstyle/common/header_bg.gif) no-repeat;
	position: relative;
	width: 100%;
}
#headArea p.description { padding: 40px 0 98px 40px; }
h2 { position: absolute; top: 59px; left: 43px; }

/** キャンパスアルバム **/
#headArea div.btn { position: absolute; top: 51px; right: 53px;}
#headArea div.btn p.btn a {
	display: block;
  background: url(/images/campusstyle/common/btn_album.gif) no-repeat;
	width: 272px;
	height: 74px;
}
#headArea div.btn p.btn a:hover { background-position: right; }

#headArea div.btn p.btn a,
#headArea div.btn p.btn a:link,
#headArea div.btn p.btn a:hover { color: #505356; text-decoration: none; }
#headArea div.btn p.btn a img { margin: 13px 0 0 12px; }
#headArea div.btn p.btn a span { display: block; margin: 5px 0 0 12px; }
#headArea div.btn p.btn a strong { color: #0090FF; font-weight: bold;}
#headArea div.btn p.what { padding-left: 15px; }


/** パンくず **/
#headArea p.pan { padding-left: 38px; position: relative; z-index: 10; }
#headArea p.pan span { font-weight: bold; }
#headArea p.pan a:link { color: #505356; text-decoration: underline; }
#headArea p.pan a:visited	{ color: #505356; text-decoration: underline; }
#headArea p.pan a:hover		{ color: #FF6000; text-decoration: underline; }
#headArea p.pan a:active	{ color: #FF6000; text-decoration: underline; }

#headArea h3 { padding: 5px 0 3px 20px; }
#headArea h3.top { padding: 0 0 3px 20px; margin-top: -3px; }

/** 2-colum  **/
#rNavi #mainbox { width: 554px; margin-right: 14px; float:left; }
#rNavi #sideNavi { width: 186px; float: left; background: url(/images/campusstyle/common/r_nav_bg.gif) repeat-y; }
#rNavi #sideNavi .line { clear:both;}

#rNavi #sideNavi p.btn { padding: 4px 0 0 10px;}
#rNavi #sideNavi p.what { margin-left: 15px; width: 160px; }
#rNavi #sideNavi p.txt { margin: 15px 0 15px 15px; width: 160px; }

#rNavi #sideNavi ul { margin-left: 12px; }
#rNavi #sideNavi ul p.ph a img,
#rNavi #sideNavi ul p.ph1 a img,
#rNavi #sideNavi ul p.ph2 a img { border: solid 1px #FFFFFF; display: block; }
#rNavi #sideNavi ul p.ph a:hover img,
#rNavi #sideNavi ul p.ph1 a:hover img,
#rNavi #sideNavi ul p.ph2 a:hover img  { border: solid 1px #FF6000; }
#rNavi #sideNavi li p { padding-bottom: 15px; }
#rNavi #sideNavi p.ph { width: 72px; float: left; margin-right: 5px; }
#rNavi #sideNavi p.ph1 { width: 82px; float: left; margin-right: 5px; }
#rNavi #sideNavi p.ph2 { width: 41px; float: left; margin-right: 5px; }
#rNavi #sideNavi p.txt01 { width: 88px; float: left; }
#rNavi #sideNavi p.txt1 { width: 78px; float: left; }
#rNavi #sideNavi p.txt2 { width: 122px; float: left; }
#rNavi #sideNavi li { clear: both; }

/** 特集記事一覧 **/
div.kijiList { clear: both; font-size:0; }
div.kijiList p.tit { margin-left: 27px; padding: 28px 0 10px 0; }
div.kijiList dl {
	margin-left: 30px;
	background: url(/rnet/campusstyle/images/common/tokusyu/report_bg.gif) no-repeat;
	width: 754px;
	height: 50px;
	line-height: 0;
}

/** 2行 **/
div#type01 dl {
	background: url(/rnet/campusstyle/images/common/tokusyu/report02_bg.gif) no-repeat;
	height: 75px;
}
div#type01 dl dd { padding-bottom: 10px; }

div.kijiList dl dt { padding: 6px 0 0 10px; margin-bottom: 12px; font-size:0; }
div.kijiList dl dd { width: 85px; float: left; margin-left: 8px; display: inline; }

#kijiList02 { clear: both; padding-left: 30px; }
#kijiList02 p.tit { padding: 28px 0 10px 0; }
#kijiList02 dl { float: left; line-height: 0; font-size: 0; margin-right: 10px; }
#kijiList02 dl.type01 {
	background: url(/rnet/campusstyle/images/common/tokusyu/waku01.gif) no-repeat;
	height: 124px;
	width: 120px;
	padding: 3px 0;
}

#kijiList02 dl.type02 {
	background: url(/rnet/campusstyle/images/common/tokusyu/waku02.gif) no-repeat;
	height: 124px;
	width: 238px;
	padding: 3px 0;
}
#kijiList02 dl.type02 dd { float: left; width: 111px; }
#kijiList02 dl.type02 dd.right { width: 115px; float: right; }

#kijiList02 dl dt,#kijiList02 dl dd { margin: 0 3px; display: inline; }

/** 検索件数、ページリンク */

div.result {
	width: 750px;
	margin-left: 30px;
	clear: both;
}
div.result p.pnav { text-align: right; margin: -1em 0 0 0; }

div.result p.pnav a {	color: #959CA2; }
div.result p.pnav a:hover { color: #0088F1; }
div.result p.pnav a.next {
	background: url(/images/campusstyle/common/next.gif) no-repeat right top;
	padding-right: 16px;
}
div.result p.pnav a.next:hover {
 background-position: 100% -26px;
}

div.result p.pnav a { margin: 0 2px; padding: 1px 0px 2px 0px; }
div.result span { color: #0088F1; font-weight: bold; }

#result a:link { color: #0090FF; text-decoration: underline; }
#result a:visited { color: #0090FF; text-decoration: underline; }
#result table tr td span.txGlayB { font-weight: bold; }
#result table tr td img { vertical-align: middle; }
#resultBtm a:link { color: #0090FF; text-decoration: underline; }
#resultBtm a:visited { color: #0090FF; text-decoration: underline; }
#resultBtm table tr td span.txGlayB { font-weight: bold; }
#resultBtm table tr td img { vertical-align: middle; }

/** 条件、絞り込み **/
div.joken {
	padding-top: 5px;
	margin: 0 0 8px 28px;
}
div.joken p { padding: 0 0 7px 2px; }

div.joken dl {
	height: 61px;
	background: url(/images/campusstyle/common/joken/joken_bg.gif) no-repeat 345px 100%;
}
div.joken dd,
div.joken dt {
	float: left;
	line-height: 0;
	font-size:0;
	margin-bottom: 1px;
}
div.joken dt {
	clear: left;
}

/* school 詳細　**/
div.school { clear: both; }
div.school h4 { padding-top: 37px; }
div.school div.data { width: 354px; margin: 19px 15px 0 0; float: left; }
div.school div.data p.txt10,
div.school div.data h5 { color: #3382BF;  }
div.school div.data h5 {
	background: url(/images/campusstyle/common/line_dots.gif) repeat-x left bottom;
	padding: 0px 0 5px 0;
	font-weight: bold;
}
div.school div.data h5 span.shinsetsu { font-size: 84%; font-weight: normal; color: #505356; }
div.school div.data p.lead { font-weight: bold; margin: 10px 0; }

div.school div.panf { width: 173px; float: left; margin-top: 19px; text-align: right; }
div.school div.panf p.ph {
	background: url(/images/campusstyle/lifereport_detail/school_ph_bg.gif) no-repeat;
	margin-bottom: 10px;
	padding: 4px;
}

div.school ul.point {
	clear: both;
	width: 563px;
	margin-left: -20px;
}
div.school ul.point li {
	width: 260px;
	float: left;
	margin-left: 20px;
	display: inline;
	padding-top: 16px;
}
div.school ul.point li p { margin-bottom: 8px; }

div.school p.titPhoto {
	clear: both;
	background: url(/images/campusstyle/lifereport_detail/school_icon.gif) no-repeat left center;
	padding:10px 0 10px 22px;
	color: #3382BF;
	font-weight: bold;
}

div.school dl {
	margin-top: 10px;
	background: url(/images/campusstyle/common/line_dots.gif) repeat-x left top;
	padding-top: 10px;

}
div.school dl dt {
	background: url(/images/campusstyle/common/icon_school.gif) no-repeat left;
	padding-left: 18px;
	color: #3382BF;
	font-weight: bold;
}


ul.photoList { clear: both; width: 555px; overflow: hidden;  }
ul.photoList li {
	float: left;
	width: 175px;
	height: 107px;
	margin: 0 9px 9px 0;
	background: url(/images/campusstyle/common/photoList_waku.gif) no-repeat;
	display: inline;
}

ul.photoList li p.phTit { padding: 3px 0 3px 3px; }
ul.photoList li p.ph { float: left; width: 87px; text-align: center;}
ul.photoList li p.txt10 { float: left; width:80px; }

/** フッターリンク */
div.footLink {
	clear: both;
	margin-left: 30px;
	padding-top: 30px;
	width: 754px;
}

div.footLink a:link { color: #666666; text-decoration: none;}
div.footLink a:visited	{ color: #666666; text-decoration: none; }
div.footLink a:hover		{ color: #FF6000; text-decoration: underline; }
div.footLink a:active	{ color: #FF6000; text-decoration: underline; }

/* album_ pop **/
div.moreLink { position: relative; }
div.baloon {
	text-align: left;
	width: 245px;
	height: 68px;
	background: url(/images/campusstyle/common/album_pop_bg.gif) no-repeat;
	z-index: 500;
	position: absolute;
	right: 14px;
	top: 40px;
}
#photoList li.case div.baloon  { right:2px; top:60px;}
div.baloon p.message {
	padding: 23px 0 0 6px;
	margin: 0;
	color: white;
	font-size: 14px;
	text-align: center;
}
div.baloon p.link {
	position: absolute;
	padding: 7px 0 0 0;
	margin: 0;
	left: 7px;
}
div.baloon p.close {
	position: absolute;
	cursor: pointer;
	padding: 7px 0 0 0;
	margin: 0;
	left: 199px;
}
div.baloon p img {
	vertical-align: top;
}
#reportSp div.case div.baloon  { right:-3px; top: 71px; padding:0;}
#lifeReportList div.baloon { top: 324px; }
/** ========== ページ別スタイル ============================================================= **/

/**----------- index ---------------------------------------------------------------
---------------------------------------------------------------------------------------------**/
#home #about {
	margin: 0 0 3px 20px;
	background: url(/rnet/campusstyle/images/top/page_title_bg.jpg) no-repeat;
	height: 135px;
	width: 773px;
	position: relative;
}
#home #about h3 { padding: 8px 0 0 10px; }
#home #about p.txt { padding: 16px 0 0 13px; }
#home #about dl { position: absolute; left: 542px; top: 52px;}
#home #about dl dt { margin-bottom: 3px; }

/* r_nav */
#home #rNavi #sideNavi { background: url(/images/campusstyle/top/r_nav_bg.gif) repeat-y; margin-top: 10px; }
#home #rNavi #sideNavi h4 { margin-left: 10px; }

#home #rNavi #sideNavi p.txt { margin: 0 0 10px 10px; clear: both; padding-top: 10px; }

#home #rNavi #sideNavi p.tema,
#home #rNavi #sideNavi p.t2 { margin: 0 0 10px 10px;}
#home #rNavi #sideNavi p.tema a { font-weight: bold; }

#home #rNavi #sideNavi p.more {
	clear: both;
	margin: 0 12px;
	text-align: right;
	padding-bottom: 12px;
	background: url(/images/campusstyle/top/r_nav_line.gif) no-repeat bottom;
}

#home #rNavi #sideNavi p#last { background: none; }
#home #rNavi #sideNavi p.more a {
	background: url(/images/campusstyle/common/icon_more.gif) no-repeat right top;
	padding-bottom: 2px;
	padding-right: 15px;
}
#home #rNavi #sideNavi p.more a:hover {
	background-position: 100% -22px;
	color: #FF6000;
}
#home #rNavi #sideNavi li p { padding-bottom: 10px; }

/* main */
#home .main { margin-left: 22px; width: 780px; }
#home #rNavi #mainbox { padding-top: 4px; margin-right: 25px; width: 551px; }

#home #mainbox p.stit01 {
	margin: 11px 0 10px 8px;
	font-weight: bold;
	color: #50565D;
	background: url(/images/campusstyle/top/tit_sub_icon.gif) no-repeat 0 5px;
	padding: 4px 0 7px 17px;
}
#home #mainbox #flashcontent { width: 543px; height: 268px; margin-left: 8px; }
#home #mainbox #flashcontent p { text-align: center; }
#home #mainbox #flashcontent p.btn { padding: 100px 0 10px 0; }
#home #mainbox #getflashplayer { width: 543px; height: 268px; margin-left: 8px; }
#home #mainbox #getflashplayer p { text-align: center; }
#home #mainbox #getflashplayer p.btn { padding: 100px 0 10px 0; }

#home #mainbox h4.clear { padding-top: 12px; }

#home #mainbox div.search {
	background: url(/images/campusstyle/top/search_bg.gif) no-repeat;
	width: 543px;
	height: 300px;
	position: relative;
	margin: 0 0 20px 6px;
}
#home #mainbox div.search p.limg { position:absolute; left:0; }


#home #mainbox div.search dl { margin: 0 0 0 275px; padding-top: 7px; }
#home #mainbox div.search dt { padding: 6px 0 6px 5px; line-height:0; font-size: 0; }
#home #mainbox div.search dd.map { padding: 9px 0 8px 15px; line-height:0; font-size: 0; }
#home #mainbox div.search dd form { padding-top: 10px; padding-left: 6px; }
#home #mainbox div.search dd form td { vertical-align: middle; padding-right: 3px; }
#home #mainbox div.search input.freeword { width: 195px; }
#home #mainbox div.search dd input.fwBtn {
	background: url(/images/campusstyle/top/btn_search.gif) no-repeat;
	width: 50px;
	cursor: pointer;
	height: 28px;
	text-indent: -9999px;
	border: none;
	display: block;
}
#home #mainbox div.search dd.txt10 { padding-left: 8px; }

#home #mainbox p.wsub { margin: -14px 0 0 25px }
#home #mainbox div.word {
	background: url(/images/campusstyle/top/word.jpg) no-repeat;
	width: 543px;
	height: 95px;
	position: relative;
	margin: 6px 0 30px 6px;
}
#home #mainbox div.word p.txt { position: absolute; top: 20px; left: 120px;}
#home #mainbox div.word form { margin-left: 215px; }
#home #mainbox div.word ul { padding-top: 25px; margin-left: -20px; }
#home #mainbox div.word li { line-height:0; float: left; }
#home #mainbox div.word li input { margin: 0 2px 0 20px; }
#home #mainbox div.word li img { vertical-align: baseline; }
#home #mainbox div.word table { clear: both; }
#home #mainbox div.word table td { vertical-align: middle; padding: 5px 5px 0 0;}
#home #mainbox div.word input.freeword { width: 250px; padding: 1px; }
#home #mainbox div.word input.fwBtn {
	background: url(/images/campusstyle/top/word_search.gif) no-repeat;
	width: 49px;
	height: 26px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	display: block;
}

/** オススメコンテンツ **/
#home #mainbox div.osusume { margin-left: 6px; }
#home #mainbox div.osusume h4 { margin-bottom: 14px; }
#home #mainbox div.osusume ul li {
	background: url(/rnet/campusstyle/images/top/osusume_bg.jpg) no-repeat;
	width: 264px;
	height: 115px;
	float: left;
	margin-right: 15px;
}
#home #mainbox div.osusume ul li.right { margin-right: 0; }
#home #mainbox div.osusume ul p.ph { width: 114px; float: left; text-align: center; padding-top: 7px; }
#home #mainbox div.osusume ul p.txt10 { width: 140px; float: left; padding-top: 7px; }


/**----------- lifeReportList ---------------------------------------------------------------
---------------------------------------------------------------------------------------------**/
#lifeReportList div.keyword {
	width: 758px;
	position: relative;
	margin-left: 28px;
}
#lifeReportList div.keyword p { padding-left: 2px; }
#lifeReportList div.keyword p.kome {
	position: absolute;
	left: 323px;
	top: 4px;
	font-size:5px;
}
#lifeReportList div.keyword ul { margin-top: 5px; }
#lifeReportList div.keyword ul li {
	width: 252px;
	float: left;
	background: url(/images/campusstyle/lifereport_list/btn_keyword.gif) no-repeat -252px center;
	font-weight: bold;
	line-height: 2.8;
	text-align: center;
}
#lifeReportList div.keyword ul li a {
	background: url(/images/campusstyle/lifereport_list/btn_keyword.gif) no-repeat left center;
	display: block;
	color: #00467B;
	font-weight: bold;
	width: 252px;
	text-decoration: none;
}
#lifeReportList div.keyword ul li a:hover {
	background-position: -252px 50%;
	color: #0090FF;
}
#lifeReportList div.main { padding-top: 20px; }
#lifeReportList div.main div.case {
	background: url(/images/campusstyle/lifereport_list/case_bg.gif) repeat-y;
	width: 175px;
	height: 100%;
}
#lifeReportList div.main td {background: url(/images/campusstyle/lifereport_list/case_bg.gif) repeat-y;}
#lifeReportList div.main td.space { width: 17px; background: none; }
#lifeReportList div.main td.space2 { padding-bottom: 18px; background: none; }

#lifeReportList .case .case_bottom {
	background: url(/images/campusstyle/lifereport_list/case_line.gif) no-repeat bottom;
	height: 100%;
}

#lifeReportList .main div.case p.txt {
	padding: 12px 13px 3px 13px;
	font-weight: bold;
	background: url(/images/campusstyle/lifereport_list/case_line.gif) no-repeat;
}

#lifeReportList .main div.case p.ph {
	text-align: center;
	background: url(/images/campusstyle/lifereport_list/ph_bg.gif) no-repeat;
	margin-left: 11px;
	width: 154px;
	padding: 2px 0;
	margin-top: 5px;
}
#lifeReportList .main div.case p.profile {
	padding: 5px 13px 10px 13px;
}

#lifeReportList .main div.case p.more {
	text-align: right;
	margin-right: 13px;
}
#lifeReportList .main div.case p.more a {
	background: url(/images/campusstyle/common/icon_more.gif) no-repeat right top;
	padding-bottom: 2px;
	padding-right: 15px;
}
#lifeReportList .main div.case p.more a:hover {
	background-position: 100% -22px;
	color: #FF6000;
}

#lifeReportList div.table { float: left; }
#lifeReportList div.row { clear: left; }
#lifeReportList div.rowLast { clear: left; }
#lifeReportList div.col { float: left; margin-right:16px; padding-bottom: 15px; }
#lifeReportList div.colLast { float: left; padding-bottom: 15px; }

/** --------thickbox----------- **/
#report01,#report02,#report03,#report04,
#report05,#report06,#report07,#report08 { display: none; }
div.detail {
	background: url(/images/campusstyle/lifereport_list/detail/case_bg.gif) no-repeat;
	width: 367px;
	height: 534px;
	margin-bottom: 13px;
 text-align: left;
}

div.detail .left {
	margin-top: 14px;
	width: 120px;
	height: 305px;
	float: left;
}
div.detail .left p { padding-left: 11px; }
div.detail .left p.ph {
	background: url(/images/campusstyle/lifereport_list/detail/main_ph_bg.gif) no-repeat;
	padding: 2px;
	margin-left: 11px;
}

div.detail .left p img { margin-bottom: 5px; }

div.detail .right {
	width: 233px;
	float:left;
}
div.detail .right p.word {
	color: #FFFFFF;
	text-align: center;
	padding: 15px 0 5px 0;
	font-weight: bold;
}
div.detail .right table {
	background: url(/images/campusstyle/lifereport_list/detail/fukidashi01.gif) no-repeat;
	width: 233px;
	height: 47px;
	margin: 10px 0 8px 0;
	color: #00467B;
}
div.detail .right table td { vertical-align: middle; }
div.detail .right table h4 {
	margin-left: 20px;
	font-weight: bold;
	width: 206px;
}
div.detail .right p.txt {
	margin-left: 12px;
	width: 216px;
	padding-bottom: 20px;
}

/** link **/
div.detail div.more p.morelink { width: 80px; text-align: right; }
div.detail div.more p.morelink a {
	background: url(/images/campusstyle/lifereport_list/detail/icon_more.gif) no-repeat right top;
	padding-right: 14px;
	padding-bottom: 2px;
}
div.detail div.more p.morelink a:hover {
	background-position: 100% -22px;
	color: #FF6000;
}

div.detail div.more p.btn {
	width: 235px;
	text-align: right;
	margin-top: -25px;
}
div.detail .right p.what { text-align: right; }
/** shot **/
div.detail div.shot { margin: 0px 0 0 12px; clear: both; }
div.detail div.shot ul { margin-top: 4px; }
div.detail div.shot li { width: 107px; float: left; margin-right: 11px; height: 169px;
	background: url(/images/campusstyle/lifereport_list/detail/fukidashi02.gif) no-repeat center bottom;
}
div.detail div.shot li p.ph {
	background: url(/images/campusstyle/lifereport_list/detail/ph_bg.gif) no-repeat;
	padding: 2px;
}

div.detail div.shot li p.txt {
	padding: 16px 10px 0 10px;
}

/**----------- lifeReportDetail ---------------------------------------------------------------
---------------------------------------------------------------------------------------------**/
#lifeReportDetail #mainbox h4.name {
	color: #3382BF;
	font-weight: bold;
	padding: 8px 0 5px 0;
}
#lifeReportDetail #mainbox h4.name span.shinsetsu {
	font-size: 84%; font-weight: normal; color: #505356;
}
#lifeReportDetail #mainbox p.left {
	float: left;
	width: 228px;
	text-align: center;
	padding: 4px 0 35px 0;
	margin: 0 15px 0 0;
	background: url(/images/campusstyle/lifereport_detail/main_ph_bg.gif) no-repeat;
}
#lifeReportDetail #mainbox div.right {
	width: 311px;
	float: left;
	position: relative;
}
#lifeReportDetail #mainbox div.right h4 {
	background: url(/images/campusstyle/lifereport_detail/repo_title01_bg.gif) no-repeat;
	color: #3382BF;
	font-weight: bold;
	padding: 0 40px 14px 0;
	line-height:1.6;
}

#lifeReportDetail #mainbox div.right div.cAlbum {
position: absolute;
width: 139px;
left: 170px;
}

#lifeReportDetail #mainbox div.right div.cAlbum .txt10 {
	padding-left:5px;
	margin: 3px 0 0px 0;
}

#lifeReportDetail #mainbox div.right p.txt10 { width: 160px; }
#lifeReportDetail #mainbox div.right dl { margin-top: 14px; width: 300px; }
#lifeReportDetail #mainbox div.right dt {
	background: url(/images/campusstyle/lifereport_detail/repo_title02_bg.gif) no-repeat;
	padding: 3px 0 10px 0;
	margin-top: 15px;
	position: relative;
	height: 14px;
	>z-index: -1;
}
#lifeReportDetail #mainbox div.right dt img { position: absolute; left: 18px; }
#lifeReportDetail #mainbox div.right dt span {
	display: block;
	width: 101px;
	margin-left: 199px;
	text-align: center;
	font-weight: bold;
}
#lifeReportDetail #mainbox div.right dd { margin-bottom: 12px; }

#lifeReportDetail #mainbox ul.thumnail {
	clear: both;
	width: 579px;
	margin-left: -35px;
}
#lifeReportDetail #mainbox ul.thumnail li {
	width: 158px;
	float: left;
	height: 193px;
	background: url(/images/campusstyle/lifereport_detail/ph_bg.gif) no-repeat;
	margin-left: 35px;
	display: inline;
}
#lifeReportDetail #mainbox ul.thumnail li p { padding: 4px; }
#lifeReportDetail #mainbox ul.thumnail li p.txt10 { padding-top: 2px; }

#lifeReportDetail #mainbox ul.point { margin-left: -15px; }
#lifeReportDetail #mainbox ul.point li {
	background: url(/images/campusstyle/lifereport_detail/school_etc_waku.gif) no-repeat;
	width: 264px;
	padding:0;
	float: left;
	margin-left: 15px;
	margin-bottom: 3px;
	height: 115px;
}
#lifeReportDetail #mainbox ul.point li p.ph { float: left; width: 65px; }
#lifeReportDetail #mainbox ul.point li p.txt span {
display: block;
font-weight: bold;
margin-bottom: 3px;
}
#lifeReportDetail #mainbox ul.point li p.ph img { margin: 7px; }
#lifeReportDetail #mainbox ul.point li p.txt{ margin-top: 7px; width: 185px; float: left; }

#lifeReportDetail #mainbox div.etc { clear: both; }
#lifeReportDetail #mainbox p.etcTit {
	clear: both;
	background: url(/images/campusstyle/lifereport_detail/school_icon.gif) no-repeat 0 20px;
	font-weight: bold;
	color: #3382BF;
	padding:18px 0 0 15px;
	margin-bottom: 5px;
}

/**----------- freewordList ---------------------------------------------------------------
---------------------------------------------------------------------------------------------**/
#freewordList h3 { padding-bottom: 10px; }
#freewordList .research {
	width: 760px;
	height: 46px;
	margin: 18px 0 20px 27px;
	background: url(/images/campusstyle/freeword_list/search_bg.gif) no-repeat;
	position: relative;
}
#freewordList .research p { position: absolute; }
#freewordList .research p.t01 { left: 12px; top: 15px; }
#freewordList .research p.t02 { left: 412px; top: 17px; }
#freewordList .research p img { vertical-align: top; }

#freewordList .research form {
	margin-left: 150px;
	padding-top: 6px;
}

#freewordList .research form table td { vertical-align: middle; height: 34px; }
#freewordList .research input#freeword {
	background: #FFF;
	border: solid 1px #FFF;
	width: 187px;
	margin-right: 12px;
	vertical-align: middle;
}

#freewordList .research input#formtxt:focus {
 margin-right: 12px;
}

#freewordList .research input#btn {
	background: url(/images/campusstyle/freeword_list/btn_search.gif) no-repeat;
	width: 57px;
	height: 34px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	display: block;
}
#freewordList .main div.case {
	background: url(/images/campusstyle/freeword_list/case_bg.gif) repeat-y;
	width: 175px;
	height: 100%;
}

#freewordList .main div.case p.txt {
	padding: 12px 13px 3px 13px;
	font-weight: bold;
	background: url(/images/campusstyle/freeword_list/case_line.gif) no-repeat;
}

#freewordList .main div.case p.ph {
	text-align: center;
	background: url(/images/campusstyle/freeword_list/ph_bg.gif) no-repeat top center;
	margin-left: 11px;
	width: 154px;
	padding: 2px 0;
	margin-top: 5px;
}
#freewordList .main div.case p.profile {
	margin: 5px 13px 5px 13px;
}

#freewordList .main div.case p.more {
	text-align: right;
	margin-right: 13px;
}
#freewordList .main div.case p.more a {
	background: url(/images/campusstyle/common/icon_more.gif) no-repeat right top;
	padding-bottom: 2px;
	padding-right: 15px;
}
#freewordList .main div.case p.more a:hover {
	background-position: 100% -22px;
	color: #FF6000;
}

#freewordList div.main td.space { width: 20px; }

#freewordList .case .case_bottom {
	background: url(/images/campusstyle/freeword_list/case_line.gif) no-repeat bottom;
	height: 100%;
}

#freewordList div.table { float: left; }
#freewordList div.row { clear: left; }
#freewordList div.rowLast { clear: left; }
#freewordList div.col { float: left; margin-right:16px; padding-bottom: 15px; }
#freewordList div.colLast { float: left; padding-bottom: 15px; }

/**----------- photoList ---------------------------------------------------------------
---------------------------------------------------------------------------------------------**/
#photoList div.main { margin-top: 10px; width: 780px;}

#photoList .case {
	background: url(/images/campusstyle/photo_list/case_bg.gif) repeat-y;
	width:370px;
	height: 100%;
}

#photoList .case div.case_tit {
	background:#E5FFC3 url(/images/campusstyle/photo_list/case_tit_bg.gif) no-repeat;
	margin: 0 2px 20px 2px;
	width: 364px;
}

#photoList .case p.subtit {
	font-weight: bold;
	color: #005FA8;
	padding: 8px 0 0 16px;
}
#photoList .case h4 {
	font-weight: bold;
	color: #00467B;
	padding: 10px 40px 10px 16px;
}
#photoList .case p.left {
	float: left;
	background: url(/images/campusstyle/photo_list/ph01_main_bg.gif) no-repeat;
	padding: 3px;
	display: inline;
	margin: 0 15px 5px 13px;
}
#photoList .case div.right {
	float: left;
	width: 120px;
}
#photoList .case div.right p { color: #557893; }
#photoList .case div.right p.ph {
	background: url(/images/campusstyle/photo_list/ph01_sub_bg.gif) no-repeat;
	padding: 3px;
	margin-bottom: 3px;
}
#photoList .case p.note {
	clear: both;
	background: url(/images/campusstyle/photo_list/note.gif) repeat-y;
	width: 342px;
	margin: 0 0 0 16px;
	line-height: 1.78;
	padding: 0 0 5px 0;
}
#photoList .case p.name {
 padding: 0px 0 0 16px;
 font-weight: bold;
}
#photoList .case p.more {
 padding: 0 0 0 16px;
}
#photoList .case p.more a {
	background: url(/images/campusstyle/common/icon_more.gif) no-repeat right top;
	padding-right: 14px;
	padding-bottom: 2px;
}
#photoList .case p.more a:hover {
	background-position: 100% -22px;
	color: #FF6000;
}

#photoList .case div.syosai { width: 211px; float: left; padding-bottom: 10px; }
#photoList .case div.moreLink { width: 140px;float: left; padding-bottom: 10px; }

#photoList .space { width: 18px; background:none; }
#photoList .space2 { background:none; }
#photoList .case .case_bottom {
	background: url(/images/campusstyle/photo_list/case_line.gif) no-repeat bottom;
	height: 100%;
}

#photoList div.table { float: left; }
#photoList div.row { clear: left; }
#photoList div.rowLast { clear: left; }
#photoList div.col { float: left; margin-right:16px; padding-bottom: 15px; }
#photoList div.colLast { float: left; padding-bottom: 15px; }

/**----------- reportSp ---------------------------------------------------------------
---------------------------------------------------------------------------------------------**/
#reportSp td.space { width: 9px; }
#reportSp .main { width: 780px; margin-top: 18px; }
#reportSp p.repSp span {
	color: #00579A;
	padding-left: 10px;
	font-weight: bold;
}

#reportSp .case {
	background: url(/images/campusstyle/report_sp/case_bg.gif) no-repeat;
	width: 377px;
	height: 363px;
	margin-bottom: 18px;
}
#reportSp .case .left {
	margin-top: 10px;
	width: 120px;
	height: 305px;
	float: left;
}
#reportSp .case .left p { padding-left: 11px; }
#reportSp .case .left p.ph {
	background: url(/images/campusstyle/report_sp/main_ph_bg.gif) no-repeat;
	padding: 2px;
	margin-left: 11px;
}

#reportSp .case .left p img { margin-bottom: 5px; }

#reportSp .case .right {
	padding: 12px 7px 0px 16px;
	width: 221px;
	float:left;
}
#reportSp .case .right p.word {
	color: #FFFFFF;
	text-align: center;
	padding: 5px 0;
	font-weight: bold;
}
#reportSp .case .right table {
	width: 233px;
	height: 47px;
	margin: 0 0 18px 0;
	color: #00467B;
}
#reportSp .case .right table td { vertical-align: middle; }
#reportSp .case .right table h4 {
	padding-top: 3px;
	margin-left: 4px;
	font-weight: bold;
	width: 206px;
}

#reportSp .case .right p.word {
	background: url(/images/campusstyle/report_sp/txt02_bg.gif) no-repeat;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	margin: 6px 0 6px 0;
}

/** link **/

#reportSp .case .right p.more { padding-top: 15px; width: 79px; }
#reportSp .case .right p.more a {
	background: url(/images/campusstyle/common/icon_more.gif) no-repeat right top;
	padding-right: 14px;
	padding-bottom: 2px;
}
#reportSp .case .right p.more a:hover {
	background-position: 100% -22px;
	color: #FF6000;
}
#reportSp .case .right p.btn {
	text-align: left;
	margin-top: -22px;
	margin-left: 82px;
	width: 139px;
}

#reportSp div.table { float: left; }
#reportSp div.row { clear: left; }
#reportSp div.rowLast { clear: left; }
#reportSp div.col { float: left; margin-right:10px; word-break: break-all; }
#reportSp div.colLast { float: left; word-break: break-all; }

/**----------- schoolMap 3p ---------------------------------------------------------------
---------------------------------------------------------------------------------------------**/
#schoolMap #sideNavi dl { padding: 5px 10px; }
#schoolMap #sideNavi dt {
	font-weight: bold;
	margin-bottom: 5px;
}

#schoolMap #sideNavi { height: 380px; position: relative; }
#schoolMap #school #sideNavi { background: #FFFFFF; margin-top: 18px; height: 362px; }
#schoolMap #sideNavi dd { padding-bottom: 5px; }
#schoolMap #sideNavi dd a,
#schoolMap a.icon {
	background: url(/images/campusstyle/school_map/list_icon.gif) no-repeat 0 3px;
	padding-left: 10px;
}

#schoolMap #sideNavi dd a:hover,
#schoolMap a.icon:hover {
	background-image: url(/images/campusstyle/school_map/list_icon_r.gif);
}

#schoolMap #sideNavi .top {
	background: url(/images/campusstyle/common/r_nav_top.gif) top no-repeat;
	height: 100%;
}
#schoolMap #sideNavi .bottom {
	background: url(/images/campusstyle/common/r_nav_line.gif) bottom no-repeat;
	height: 100%;
}
#schoolMap #sideNavi #naviContents {
	padding-top: 33px;
}

#schoolMap #school .search {
	margin-top: 20px;
	padding-top: 10px;
	background: url(/images/campusstyle/school_map/line.gif) left top no-repeat;
}
#schoolMap #school .search table { margin-bottom: 5px; }
#schoolMap #school .search td { padding-right: 5px; }
#schoolMap #school .search .txt10 { padding-left: 15px;}
#schoolMap #school .search input#freeword { width: 200px;  }
#schoolMap #school .search input#fwBtn {
	background: url(/images/campusstyle/school_map/btn_search.gif) no-repeat;
	width: 50px;
	height:28px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	display: block;
}
#schoolMap #school .search input#btn:hover { background-position: left bottom; }

#schoolMap #school .gakko {
	margin-top: 1em;
}
#schoolMap #school .gakko a:link, a:visited {
	color:#999999;
	text-decoration:none;
}

#schoolMap #school #mainbox h5 {
	clear: both;
	background: url(/images/campusstyle/school_map/title_bg.gif) no-repeat left bottom;
	line-height: 32px;
	color: #3C26A6;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 20px 0 0 28px;
}

#schoolMap #mainbox { padding-top: 15px; }

/** 学校検索ページ **/
#schoolMap #mainbox h4 { font-weight: bold; color: #505356; }

#schoolMap #school #mainbox dl { margin: 0 0 0 5px; }
#schoolMap #school #mainbox dt {
	font-weight: bold;
	color: #3C26A6;
	width: 165px;
	float: left;
	background: url(/images/campusstyle/school_map/icon.gif) no-repeat left top;
	padding: 7px 0 7px 0;
	text-indent: 15px;
	clear: both;
}
#schoolMap #school #mainbox dd {
	width: 340px;
	float: left;
	padding-top: 5px;
	line-height: 1.8;
}

#schoolMap #mainbox table td { vertical-align: middle; }
#schoolMap #mainbox dd a { margin-right: 10px; }

#schoolMap #mainbox ul.list { padding-left: 5px; margin-top: 10px; }
#schoolMap #mainbox ul.list li {
	background: url(/images/campusstyle/school_map/list_icon.gif) no-repeat 0 5px;
	padding-left: 10px;
	margin-bottom: 5px;
}

/** MAP 表示ページ **/
#schoolMap #mainbox #mapArea { width: 543px; }
#schoolMap #mainbox #mapArea td select { width: 179px; }

#schoolMap #mainbox #mapArea div.map { margin: 10px 0 5px 0; border: solid 1px #B4B9BF; }
#schoolMap #mainbox #mapArea td { padding: 0 4px 0 0; }
#schoolMap #mainbox #mapArea td input#address { width: 365px;  }
#schoolMap #mainbox #mapArea td input#reset {
	background: url(/images/campusstyle/school_map/map_btn1.gif) no-repeat;
	width: 120px;
	height:28px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	display: block;
}
#schoolMap #mainbox #mapArea td input#search {
	background: url(/images/campusstyle/school_map/btn_search.gif) no-repeat;
	width: 50px;
	height:28px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	display: block;
}

#schoolMap div.information div.info,
#schoolMap div.information div.cont {
	float: left;
}

#schoolMap div.information { clear: both; padding-top: 28px; }
#schoolMap div.information div.info { width: 230px; margin-right: 30px; }
#schoolMap div.information div.info dt {
	background: url(/images/campusstyle/school_map/icon01.gif) no-repeat;
	padding: 4px 0 5px 8px;
	color: #3C26A6;
	font-weight: bold;
	margin-top: 10px;
}
#schoolMap div.information div.info dd{
	margin-left: 8px;
}

#schoolMap div.information div.cont { width: 490px; }
#schoolMap div.information h5 { margin-bottom: 18px; }
#schoolMap div.information div.photo p.ph { width: 80px; float: left; padding-bottom: 10px; }
#schoolMap div.information div.photo p.txt { width: 75px; float: left; padding-bottom: 10px; }

#schoolMap div.information div.photo li,
#schoolMap div.information div.report li { width: 155px; float: left; margin-right: 8px; }
#schoolMap div.information div.report,
#schoolMap div.information div.kanren {	clear: both; }
#schoolMap div.information div.report h5 { margin-top: 20px; }
#schoolMap div.information div.kanren h5 { margin-top: 20px; display: none; }
#schoolMap div.information div.report p.ph { width: 60px; float: left; padding-bottom: 10px; }
#schoolMap div.information div.report div.txt { width: 95px; float: left; padding-bottom: 10px; }
#schoolMap div.information div.report p.name { font-weight: bold; }

#schoolMap div.information div.kanren { width: 495px; }
#schoolMap div.information div.kanren ul#tab { height: 20px; position: relative; overflow: hidden;  }

#schoolMap div.information div.kanren ul#tab li {
	float: left;
	overflow: hidden;
	height: 20px;
	cursor: pointer;
}
#schoolMap div.information div.kanren ul#tab li img {
	margin-right: 3px;
}
#schoolMap div.information div.kanren ul#tab li#tab_yado img {
	margin-right: 0px;
}
#schoolMap div.information div.kanren ul#tab li.selected img {
	margin-top: -20px;
}
#schoolMap div.information div.kanren .tab {
	display: none;
}

#schoolMap div.information div.tab { border: solid 1px #9A89EC;	}
#schoolMap div.information div#kuchikomi dl {
	padding: 0 10px;
}
#schoolMap div.information div#kuchikomi dt {
	padding: 10px 0 2px 0;
}
#schoolMap div.information div#kuchikomi dt span {
	font-weight: bold;
}

#schoolMap div.information div#kuchikomi dd{
	background: url(/images/campusstyle/school_map/dots_line.gif) repeat-x left bottom;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
#schoolMap div.information div#kuchikomi p#credit_shooti {
	text-align: right;
	margin-right: 10px;
}

#schoolMap div.information div#syuhen { float: left; }
#schoolMap div.information div#syuhen ul {
	width: 483px;
	padding: 10px 5px 0 5px;
}
#schoolMap div.information div#syuhen ul li {
	width: 110px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	display: inline;
	padding-bottom: 10px;
	text-align: center;
}
#schoolMap div.information div#syuhen ul li p {
	text-align: left;
}
#schoolMap div.information div#syuhen ul li p span {
	width: 4em;
}
#schoolMap div.information div#syuhen div#credit_panoramio { padding-left: 10px; }

#schoolMap div.information div#yado div.txt10 { width: 493px; }
#schoolMap div.information div#yado { padding-bottom: 10px;}
#schoolMap div.information div#yado p { margin-top: 10px; }
#schoolMap div.information div#yado p.ph { float: left; height: 70px; margin-left: 10px; margin-right: 10px; display: inline; width: 80px; }
#schoolMap div.information div#yado dl { width: 385px; float: left; }
#schoolMap div.information div#yado dt { padding: 10px 0 8px 0px; }
#schoolMap div.information div#yado dt span {
	font-weight: bold;
}
#schoolMap div.information div#yado dd { padding: 0 0 5px 0px; line-height: 1; }
#schoolMap div.information div#yado p.dots {
	background: url(/images/campusstyle/school_map/dots_line.gif) repeat-x left bottom;
	padding-top: 1px;
	margin: 0 10px 0 10px;
	width: 473px;
	clear: both;
}
#schoolMap div.information div#yado p#credit_jws { margin-left: 10px; }

#schoolMap div#map_canvas {
	position: relative;
	width: 543px;
	height: 298px;
}
#schoolMap div#address_list {
	width: 543px;
}
#schoolMap div#address_list dt {
	background: url(/images/campusstyle/school_map/icon01.gif) no-repeat;
	padding: 4px 0 5px 8px;
	color: #3C26A6;
	font-weight: bold;
	margin-top: 10px;
}
#schoolMap div#address_list dd {
	margin-left: 8px;
}
#schoolMap div#street_view_canvas { position: relative; }
#schoolMap div#street_view {
	border: solid thin #000000;
	background-color: #FFFFFF;
	width: 541px;
	height: 324px;
	z-index: 500;
	display: none;
}

/**----- StreetView Contents -------------------*/
.iw {
	font-size:small;
	line-height:normal;
	padding-right:10px;
}
.iw .basics {
	padding-bottom:0.2em;
}
.iw .title {
	font-size:medium;
	font-weight:bold;
	margin-bottom:0;
}
#cbflash {
	position: relative;
	margin: 12px;
}
#panoTitleDiv {
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	font-weight: bold;
	height: 20px;
}
#cbpano {
	position: relative;
	width: 517px;
	height: 280px;
}
#closePanorama {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 505px;
	top: 5px;
	width: 12px;
	height: 12px;
	-moz-user-select: none;
	cursor: pointer;
	z-index: 10000;
}


/**----------- photoDetail ---------------------------------------------------------------
---------------------------------------------------------------------------------------------**/
#photoDetail #mainbox h4.name { color: #3382BF; font-weight: bold; margin: 10px 0 3px 0; }
#photoDetail #mainbox h4.name span.shinsetsu {
	font-size: 84%; font-weight: normal; color: #505356;
}
#photoDetail #mainbox p.tit { color: #3382BF; font-weight: bold; margin-bottom: 3px; }
#photoDetail #mainbox p.tit img { vertical-align: middle; margin-right: 10px; }

#photoDetail #mainbox p.photo {
	background: url(/images/campusstyle/photo_detail/ph_main_bg.gif) no-repeat;
	padding: 6px 31px 8px 48px;
	margin-bottom: 8px;
}

#photoDetail #mainbox p.left {
	background: url(/images/campusstyle/photo_detail/ph_sv_bg.gif) no-repeat;
	padding: 4px;
	float: left;
}
#photoDetail #mainbox div.right {
	width: 336px;
	float: left;
	padding-left: 10px;
}

#photoDetail #mainbox div.right p.dots {
	background: url(/images/campusstyle/common/line_dots.gif) repeat-x left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#photoDetail #mainbox div.right div.cAlbum {
	position: relative;
}
#photoDetail #mainbox div.right p.btn {
	text-align: right;
	margin: 10px 0 2px 0;
}
#photoDetail #mainbox div.right p.btnTxt {
	margin-left: 200px;
}
#photoDetail #mainbox p.line01 {
	clear: both;
	padding: 20px 0;
}
#photoDetail #mainbox p.line02 {
	clear: both;
	padding: 20px 0 0px 0;
}
#photoDetail #mainbox p.etcTit {
	clear: both;
	background: url(/images/campusstyle/photo_detail/school_etc_tit.gif) no-repeat 0 20px;
	font-weight: bold;
	color: #3382BF;
	padding:18px 0 10px 15px;

}

#photoDetail #mainbox ul.point { margin-left: -15px; }
#photoDetail #mainbox ul.point li {
	background: url(/images/campusstyle/photo_detail/school_etc_waku.gif) no-repeat;
	width: 264px;
	padding:0;
	float: left;
	margin-left: 15px;
	margin-bottom: 3px;
	height: 156px;
}
#photoDetail #mainbox ul.point li p.ph { float: left; width: 86px; }
#photoDetail #mainbox ul.point li p.ph img { margin: 7px; }
#photoDetail #mainbox ul.point li p.txt{ margin-top: 7px; width: 168px; float: left; }

/**----------- album ---------------------------------------------------------------
---------------------------------------------------------------------------------------------**/
#album p.bana { position: absolute; right: 22px; bottom: 5px; }
#album div.main { margin-left: 22px; }
#album div.main p.midashi { padding: 17px 0 8px 3px; }
#album div.main div.book {
	background: url(/images/campusstyle/album/album_bg.gif) repeat-y;
	width: 760px;
	margin-bottom: 3px;
}
#album div.main div.book p.top img { vertical-align: top; }
#album div.main div.book div.left { width: 370px; float: left; }
#album div.main div.book div.right { width: 368px; float: right; }


/** 左エリア **/
#album div.main div.book div.left h4 { padding: 5px 0 0 23px; }
#album div.main div.book div.left ul { margin-left: 19px }
#album div.main div.book div.left li {
	width: 115px;
	float: left;
	margin-top: 12px;
	padding-bottom: 5px;
}
#album div.main div.book div.left li p.tit { text-align: center; margin-bottom: 4px; }
#album div.main div.book div.left li p.ph {
	background: url(/images/campusstyle/album/ph_left_bg.gif) no-repeat;
	padding: 6px 7px 7px 7px;
}
#album div.main div.book div.left li p.txt { padding: 0 7px; }
#album div.main div.book div.left li p.btn {
	text-align: right;
	padding: 3px 7px 0 0;
	cursor: pointer;
}

/** 右エリア **/
#album div.main div.book div.right h4 { padding: 5px 0 0 6px; }
#album div.main div.book div.right li {
	width: 115px;
	float: left;
	margin-top: 12px;
	padding-bottom: 5px;
}

#album div.main div.book div.right li p.catch { padding: 0 7px; }
#album div.main div.book div.right li p.ph {
	background: url(/images/campusstyle/album/ph_right_bg.gif) no-repeat;
	padding: 6px 7px 7px 7px;
}
#album div.main div.book div.right li p.txt { padding: 0 7px; }
#album div.main div.book div.right li p.btn {
	text-align: right; padding: 3px 7px 0 0;
	cursor: pointer;
}

#album div.main p.getpanf { text-align: center; margin-top: 3px; }
#album div.main p.getpanfInfo { text-align: center; margin-top: 3px; color:#999999; font-size:10px; }

#album div.main div.used { display: none; }
#album div.main div.empty { text-align: center; display: none; }

img.addAlbum { cursor: pointer; }

div#message {
	border: solid thin #FF0000;
	margin: 30px;
	padding: 0.5em;
	color: #FF0000;
	font-weight: bold;
	clear: both;
}

/*----------------------------------------
追加　トップページ　一括資料請求
----------------------------------------*/
	#present{
		width:700px;
		margin:10px 0 0 25px;
		text-align:left;
		font-size: 14px;
		}

	#present a:link		{ color: #0090FF; text-decoration: underline; }
	#present a:visited	{ color: #0090FF; text-decoration: underline; }
	#present a:hover		{ color: #FF6000; text-decoration: underline; }
	#present a:active	{ color: #FF6000; text-decoration: underline; }

	#present .arw{
		vertical-align:middle;
		margin:0 5px 2px 5px;
	}
	#present img{
		vertical-align:middle;
		margin:0 5px;
	}

/***** テキストカラー ******/
.txGray01 { color: #666; }