@charset "utf-8";

/*
======== table of content. =================================

File name: css/request.css
Summary: [資料請求]用CSSファイル

============================================================
*/
pre{
	line-height:1;
	text-align:left;
	background:#FFF;
}
/*-------------------------------------
上書き+追加
---------------------------------------*/
#mainRight div.seal{
	width:200px;
	margin:10px auto 0 auto;
	padding:4px;
	border:1px solid #CCC;
	background:#DBDBF7;
}
#mainRight div.seal dl{
	background:#FFF;
}
#mainRight div.seal dl dt{
	text-align:center;
}
#mainRight div.seal dl dd{
	font-size:84%;
	padding:0 5px 5px 5px;
}
#mainTitle{
	background-image:url("../images/request/bg_request.jpg");
}
#mainLeft div.index-headline h2.area{
	width:100%;
}

/*-------------------------------------
TIP
---------------------------------------*/
#mainLeft .tip span.text{
	position:relative;
	display:block;
	width:15px;
	height:15px;
	margin:3px 0 0 0;
	padding:0;
	text-align:center;
	line-height:15px;
	font-size:84%;
	color:#FFF;
	background:#333399;
	cursor:help;
}

/*-------------------------------------
SECTION
---------------------------------------*/
#mainLeft div.section{
	padding:10px 0 0 0;
}

#mainLeft div.section .head-txt{
	padding:20px 0 15px 0;
}

/*
error
---------------------------------------*/
#mainLeft ul.error{
	width:704px;
	margin:20px 0 0 0;
	padding:10px;
	border:3px solid #990000;
	background:#FEF8F6;
	
	/* CSS3 */
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#mainLeft ul.error li{
	padding:0 10px 0 0;
	clear:both;
	color:#CD0A0A;
}
#mainLeft ul.error li span{
	display:block;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	width:17px;
	margin:0 5px 0 10px;
	background:url("../images/request/ui-icons_a83300_256x240.png") no-repeat 0 -141px;
}

/*
table
---------------------------------------*/
#mainLeft div.section table{
	width:730px;
}
#mainLeft div.section table tr{
	/* background:url("../images/request/bg_bottom_line.gif") no-repeat 0 100%; */
}
#mainLeft div.section table th{
	width:125px;
	padding:12px 0 12px 15px;
	font-weight:normal;
	vertical-align:middle;
	background:url("../images/request/bg_bottom_line.gif") no-repeat 0 100%;
}
#mainLeft div.section table th strong{
	display:block;
	float:left;
	padding:0 5px 0 0;
	font-weight:bold;
}
#mainLeft div.section table th span{
	display:block;
	float:left;
	padding:0 2px 0 2px;
	
	font-size:84%;
	word-break:keep-all;
}
#mainLeft div.section table th span.indis{
	color:#FFF;
	background:#990000;
}
#mainLeft div.section table th span.arbit{
	border:1px solid #CCCCCC;
	background:#FFF;
}
#mainLeft div.section table td{
	padding:12px 0 12px 55px;
	background:url("../images/request/bg_bottom_line.gif") no-repeat 100% 100%;
}
#mainLeft div.section table td.error{
	border:1px solid #F00;
}

/*-------------------------------------
INPUT,SELECT
---------------------------------------*/
input{
	vertical-align:middle;
}
input.input-text,
textarea{
	padding:3px 2px;
	border:1px solid #809DB9;
	background:#FFFFFF;
}
input.focus,
textarea.focus{
	padding:2px 1px;
	border:2px solid #FCC403;
	background:#FFFBD7;
}
input.tipped,
textarea.tipped{
	color:#BBB;
}
input.active{
	ime-mode:active;
}
input.disabled{
	ime-mode:disabled;
}
select{
	padding:1px;
}

span.checkval{
	display:block;
	padding:5px;
	background:#D7EBEF;
}
span.self{
	display:block;
	padding:5px;
}
span.true{
	background-color: #A4EFAE;
}
span.false{
	background-color: #EFD8D7;
}
span.checkval span,
span.self span{
	display:block;
	float:none;
	padding:3px 0 0 0;
	font-size:84%;
	font-weight:bold;
	background:none;
}

/*
user
---------------------------------------*/
#mainLeft div.section table td dl{
	width:100%;
}

/* name */
#mainLeft div.section table td.name dl{
	
}
#mainLeft div.section table td.name dl dt{
	width:25px;
	float:left;
	display:inline;
	margin:8px 0 0 0;
	text-align:right;
}
#mainLeft div.section table td.name dl dd{
	float:left;
	display:inline;
	margin:0 10px 0 10px;
}
#mainLeft div.section table td.name dl dd input{
	width:110px;
}

/* birth */
#mainLeft div.section table td.birth select{
	margin:0 5px 0 5px;
}

/* sex */
#mainLeft div.section table td.sex label{
	padding:0 60px 0 0;
}
#mainLeft div.section table td.sex label input{
	margin:0 5px 0 0;
}
#mainLeft div.section table td.sex label span{
	padding:0 0 0 5px;
	line-height:1.4;
}

/* address */
#mainLeft div.section table td.address dl{
	overflow:hidden;
	clear:both;
	margin:0 0 10px 0;
}
#mainLeft div.section table td.address dl.last{
	margin:0 0 0 0;
}
#mainLeft div.section table td.address dl dt{
	width:50px;
	float:left;
	_font-size:95%;
	display:inline;
	margin:8px 0 0 0;
	text-align:right;
}
#mainLeft div.section table td.address dl dd{
	float:left;
	display:inline;
	margin:0 0px 0 10px;
}
#mainLeft div.section table td.address dl dd.none{
	float:none;
	display:block;
	margin:0 0 0 0;
}
#mainLeft div.section table td.address dl dd span{
	display:block;
	float:left;
}
#mainLeft div.section table td.address dl dd span span{
	float:none;
}
#mainLeft div.section table td.address dl dd span.hyphen{
	padding:8px 5px 0 5px;
}
/* zip */
#mainLeft div.section table td.address dl dd input.zip01{
	width:50px;
}
#mainLeft div.section table td.address dl dd input.zip02{
	width:70px;
}
/* pref */
#mainLeft div.section table td.address dl dd select{
	
}
/* address */
#mainLeft div.section table td.address dl dd input.address{
	width:360px;
}
/* tel */
#mainLeft div.section table td.address dl.last dd input{
	width:60px;
}
/* mail */
#mainLeft div.section table td.mail span.checkval{
	float:left;
}
#mainLeft div.section table td.mail input{
	width:360px;
}



/*
school
---------------------------------------*/
#mainLeft div.section table td.school dl{
	overflow:hidden;
	clear:both;
	margin:0 0 10px 0;
}
#mainLeft div.section table td.school dl dt{
	width:50px;
	float:left;
	display:inline;
	text-align:right;
	_font-size:95%;
	margin:3px 0 0 0;
}
#mainLeft div.section table td.school dl dd.address{
	float:left;
	display:inline;
	margin:0 0 0 10px;
}
#mainLeft div.section table td.school dl dd.address.none{
	float:none;
	display:block;
	margin:0 0 0 0;
}
#mainLeft div.section table td.school dl dd span{
	padding:0 15px 0 5px;
	_padding:0 10px 0 5px;
}
#mainLeft div.section table td.school dl dd label{
	display:block;
	float:left;
	padding:0 30px 0 0;
}
#mainLeft div.section table td.school dl dd label input{
	margin:0 5px 0 0;
}
#mainLeft div.section table td.school dl dd label span{
	padding:0 0 0 5px;
	line-height:1.4;
}
/* name */
#mainLeft div.section table td.school dl dd input.name{
	width:190px;
}
#mainLeft div.section table td.school dl dd input.department{
	width:120px;
}
#mainLeft div.section table td.school dl dd input.faculty{
	width:80px;
}


/*
contact
---------------------------------------*/
/* material */
#mainLeft div.section table td.material label{
	display:block;
	padding:0 0 5px 0;
}
#mainLeft div.section table td.material label input{
	margin:0 5px 0 0;
}

/* examination */
#mainLeft div.section table td.examination label{
	display:block;
	padding:0 0 5px 0;
}
#mainLeft div.section table td.examination label input{
	margin:0 5px 0 0;
}

/* hope */
#mainLeft div.section table td.hope table{
	width:518px;
	border-right:1px solid #C4C7D0;
	border-bottom:1px solid #C4C7D0;
	background:#FFF;
}
#mainLeft div.section table td.hope table tr{
	background:none;
}
#mainLeft div.section table td.hope table th{
	width:70px;
	padding:0 0 0 0;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	color:#FFF;
	border-top:1px solid #C4C7D0;
	border-left:1px solid #C4C7D0;
	background:#A69260;
}
#mainLeft div.section table td.hope table td.sub{
	width:100px;
	background:#F1F0D1;
}
#mainLeft div.section table td.hope table td{
	padding:10px;
	vertical-align:middle;
	border-top:1px solid #C4C7D0;
	border-left:1px solid #C4C7D0;
	background:none;
}
#mainLeft div.section table td.hope table td label{
	display:block;
	padding:0 0 5px 0;
}
#mainLeft div.section table td.hope table td label input{
	margin:0 5px 0 0;
}

/* other */
#mainLeft div.section table td.other textarea.contact_other{
	width:510px;
	height:160px;
}


/*
area
---------------------------------------*/
#mainLeft div.section table td.birthday dl,
#mainLeft div.section table td.tell dl{
	overflow:hidden;
	clear:both;
	_height:25px;
}
#mainLeft div.section table td.birthday dl dd,
#mainLeft div.section table td.tell dl dd{
	float:left;
	display:inline;
	margin:0 0px 0 0;
}
#mainLeft div.section table td.birthday dl dd span,
#mainLeft div.section table td.tell dl dd span{
	display:block;
	float:left;
}
#mainLeft div.section table td.birthday dl dd span span,
#mainLeft div.section table td.tell dl dd span span{
	float:none;
}
#mainLeft div.section table td.birthday dl dd span.hyphen,
#mainLeft div.section table td.tell dl dd span.hyphen{
	padding:8px 5px 0 5px;
}
#mainLeft div.section table td.birthday dl dd input{
	width:40px;
}
#mainLeft div.section table td.tell dl dd input{
	width:60px;
}

/*-------------------------------------
上書き
---------------------------------------*/
#mainLeft .box-dotline-container{
	margin:20px 0 0 0;
}
#mainLeft .box-dotline-container div.box-dotline{
	overflow:hidden;
}
#mainLeft .box-dotline-container div.box-dotline p.text{
	width:60%;
	float:left;
	display:inline;
	text-align:left;
}
#mainLeft .box-dotline-container div.box-dotline p.text.conf{
	color:#F00;
}
#mainLeft .box-dotline-container div.box-dotline p.btn{
	width:40%;
	float:right;
	display:inline;
	text-align:right;
}
#mainLeft .box-dotline-container div.box-dotline p.btn input,
#mainLeft .box-dotline-container div.box-dotline p.btn img{
	margin:0 5px 0 5px;
	line-height:0;
}
#mainLeft .box-dotline-container div.box-dotline p.btnconf input,
#mainLeft .box-dotline-container div.box-dotline p.btnconf img{
	margin:0 5px 0 5px;
}


/*-------------------------------------
SECTION.thank
---------------------------------------*/
#mainLeft div.section.thank p.text{
	padding:10px 5px 0 5px;
}
#mainLeft div.section.thank p.text span{
	color:#F00;
}


/*-------------------------------------
privacy
---------------------------------------*/
#mainLeft div.section .privacy{
	width:697px;
	height:401px;
	overflow:auto;
	margin:0 0 10px 0;
	padding:0 10px 10px 20px;
	border:1px solid #C4C7D0;
	background:#FFF;
}
#mainLeft div.section .privacy div.inside,
#mainLeft div.section .privacy div.subindex,
#mainLeft div.section .privacy div.content-area,
#mainLeft div.section .privacy div.index-content,
#mainLeft div.section .privacy p{
	width:670px;
}
#mainLeft div.privacy h3.index.first{
	font-size:114%;
}
#mainLeft div.privacy div.index{
	width:670px;
	height:38px;
	background:none;
}
#mainLeft div.privacy div.index h3{
	width:649px;
	height:24px;
	float:none;
	background:url("../images/request/ttl_bg_privacy.jpg") no-repeat 0 0 #FFF;
}
#mainLeft div.privacy div.title{
	width:665px;
}
#mainLeft div.privacy div.title h4{
	width:648px;
}
#mainLeft div.privacy .content-area{
	width:670px;
}
#mainLeft div.privacy ol.list-privacy {
	width:640px;
	margin:0 5px 0 5px;
	padding:0 0 0 20px;
}
/* for ie6 */
*html #mainLeft div.privacy ol.list-privacy { 
	width:695px;
	padding-left:25px;
}
/* for ie7 */
*:first-child+html div.privacy #mainLeft ol.list-privacy { padding-left:25px; }

#mainLeft div.privacy ol.list-privacy li {
	margin-bottom:10px;
	list-style:decimal;
	font-weight:bold;
}
#mainLeft div.privacy ol.list-privacy.weight-light li {
	font-weight:normal;
}
#mainLeft div.privacy ol.list-privacy li ol.list-tree2 {
	margin:0;
}
#mainLeft div.privacy ol.list-privacy li ol.list-tree2 li {
	margin:0;
	padding:0 0 0 2em;
	text-indent:-2em;
	list-style:none;
	font-weight:normal;
}
#mainLeft div.privacy ol.list-privacy li ol.list-tree2 li.non-indent {
	padding:0;
	text-indent:0;
}
#mainLeft div.privacy ol.list-privacy li ol.list-tree2 li span {
	display:block;
	padding:0 0 0 15px;
}