@charset "UTF-8";

/* 
    2014.1.22
	SES Application Form - DESKTOP CSS Index Listing:
	CTRL + F to locate chapter
	
	1. [GLB] - global id's & classes
	2. [WRP] - wrapper classes
	3. [TTL] - page description classes
	4. [HDR] - header classes
	5. [FRM] - form classes
	6. [CLR] - clearfix classes
	7. [FTR] - footer classes
	8. [ERR] - error classes
	
*/


/* 1. global classes [GLB] */
* {
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

html {
	/*	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; */
	color:#000;
}

body {
	width:100%;
	margin:0;
	padding:0;
}

a {
	color:#666;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.mobile {
	display:none;
}

.desktop {
	display:block;	
}


/* 2. wrapper classes [WRP] */

#wrapper {
	width:750px;
	margin:0 auto;	
}

.container {
}



/* 3. header classes [HDR] */

.header {
	width:100%;
	position:relative;
	letter-spacing:-1px;
}

.header-title {
	/* font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; */
	color:#a37b51;
	bottom:0;
	position:absolute;
	right:0;
}

.logo-subtitle {
	
}

.logo {
	width:152px;
}

.border-header {
	margin: 21px 0 21px 0;
	height:5px;
	width:100%;
	background-color:#f4ede5;	
}


/* 4. description area [TTL] */

.title {
	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	color:#666;
	font-size:14px;	
}

.oubo-kikan {
    margin-top: 20px;
    font-size: small;
    text-align: center;
    color: #666;
}

.hitotsubashi-pravacy 
{
    margin-top:20px;
    font-size:small;
    text-align:center;
}

/* 5. form elements [FRM] */

.form {
	margin: 21px 0 21px 0;
	background-color:#f4ede5;
	padding:25px;
	position:relative;
	font-size:14px;	
}

label {
	
}

.question {
	margin: 50px 0 0 0;	
	position:relative;
}

.asterisk {
	color:#d2187a;	
}

.column1 {
/*
	float:left;
	width:15%;	
*/
	width:90%;
}

.column1 ul {
	padding:0;
	margin:0;
	list-style:none;
}

.column2 {
/*
	float:left;
	width:85%;
*/
	margin-left: 10%;
	margin-top: 10px;
}

.column2 ul {
	padding:0;
	margin:0;
	list-style:none;
}

.address_column1 {
    float:left;
	width:30%;	
}

.address_column1 ul {
	padding:0;
	margin:0;
	list-style:none;
}

.address_column2 {
    float:left;
	width:70%;	
}

.address_column2 ul {
	padding:0;
	margin:0;
	list-style:none;
}

.button-area {
	margin: 21px 0 0 0;
	
}

.radio-button1 {
	width:600px;
	float:left;
	margin:0 0 7px 0;
}

.radio-button2 {
	width:296px;
	float:left;
	margin:0 0 7px 0;
}

.radio-button3{
	width:446px;
	float:left;
	margin:0 0 7px 0;
}

.radio-button4{
	width:148px;
	float:left;
	margin:0 0 7px 0;
}

input 
{
    margin-left: 2px;
    margin-right: 0px;
}

#comment {
	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 150px;
    line-height: 1.75;
    padding: 6px 12px;
    vertical-align: middle;
    width: 500px;
}

#cta-button {
	background-color:#d2187a;
	border:thin #e86caf;
	height:56px;
	width:100%;
	margin: 41px 0 0 0;
	color:#FFF;
	font-size:18px;
	cursor:pointer;
}

#back-button {
	background-color:#999;
	border:thin #e86caf;
	height:56px;
	width:100%;
	margin: 41px 0 0 0;
	color:#FFF;
	font-size:18px;
	cursor:pointer;
}

#cta-button:hover {
	background-color:#f347a2;
}


/* 6. clearfix [CLR] */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}


/* 7. footer classes [FTR] */

.footer {
	width:100%;
	position:relative;
	margin: 21px 0 21px 0;
}

.footer-tm {
	color:#666;
	font-size:12px;
}

.logo-footer {
	width:158px;
}

.footer-link {
	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	font-size:12px;
	color:#666;
	position:absolute;
	right:0;
	bottom:0;
}

.border-footer {
	margin: 21px 0 21px 0;
	height:1px;
	width:100%;
	background-color:#f4ede5;	
}



/* 8. error classes [ERR] */

.error {
	/*	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; */
	font-size:14px;
	background-color:#d2187a;
	padding:0 10px 0 10px;
	text-align:center;
	right:0px;
	top:-20px;
	margin-left:50%;
	position:relative;
	color:#FFF;
	line-height:25px;
	border-radius: 5px;
	/* display:none; */
}

.error-arrow {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #d2187a transparent transparent;
	position:absolute;
	right:50px;
}

.input-error {
	background-color:#FF69B4;
	color:#FFF;
}