@charset "utf-8";

/*-------------------------------------*/
/* html */
/*-------------------------------------*/
html {
    margin: 0;
    width:  100%;
    height: 100%;
}


/*-------------------------------------*/
/* ボディ */
/*-------------------------------------*/
body {
    margin: 0;
    width:  100%;
    height: 100%;
	font-size:13px;
	color:#333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif !important;
	line-height: 1.6;
}

/*-------------------------------------*/
/* リンク */
/*-------------------------------------*/

a:link,
a:visited,
a:hover,
a:active
{
	color: #003366;
}

/*-------------------------------------*/
/* 全体囲み */
/*-------------------------------------*/

div#wrapper{
	margin: 0 auto;
	text-align: left;
    position: relative;
	width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}


/*-------------------------------------*/
/* フッター */
/*-------------------------------------*/

div#footer{
	position: absolute;
	bottom: 0;
	color: #fff;
	background-color: #000;;
	width:100%;
}

div#footer_contents{
	margin: auto;
}

div#footer_contents p#copyright{
	text-align: center;
	padding: 10px;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif!important;
}
div#footer div#outline{
	background:#020202;
	background:linear-gradient(#4a4a4a, #020202);
    border-top: 1px solid #ccc;
	padding-top: 10px;
}


div#footer div#outline_contents{
    width:950px;
	margin: 0 auto;
	
}

div#footer div#outline a{
    color: #fff;
	text-decoration: none;
}

div#footer div#outline_contents strong{
    font-size: 14px;
}

/*-------------------------------------*/
/* フォーム要素全般 */
/*-------------------------------------*/
button, input, select, textarea {
	font-family : inherit;
	font-size : 100%;
}

input[type=text],
input[type=password],
textarea,
select{
    background-color: #fff;
    border: 1px solid #666;
    padding:2px;
	width: 90%;

}

input[type=button],
input[type=submit]
{
	text-decoration: none;
	letter-spacing: 0.05em;
	color: #fff;	
	border: 1px solid #020202;
	border-radius: 4px;
	min-width: 100px;
	padding: 3px 10px;
	background:#020202;
	background:linear-gradient(to bottom, #4a4a4a, #020202);
}


label input[type=checkbox],
label input[type=radio]{
	margin-right:3px;
}

input[type=button]:hover,
input[type=submit]:hover
{
	background: #434343;  /* fallback for old browsers */
}

/* disabledをhoverの後に記載する必要あり */
input[type=button]:disabled,
input[type=submit]:disabled
{
	border-color: #d3d3d3;
	background: #fafafa;
	cursor: default;
	position: static;
	color: #888;
	box-shadow: none !important;
	text-shadow: none !important;
}

/*-------------------------------------*/
/* 枠表示 */
/*-------------------------------------*/

.basic_frame,
.error_frame, 
.caution_frame,
.info_frame,
.gray_frame{
	border-radius: 4px; 
	padding:10px; 
	margin:0 auto 10px;
	word-break: break-all;
}

.basic_frame {
	border: 1px solid #ccc; 
}

.error_frame {
	border: 5px solid #dc143c;
	background: url(../img/share/icon_error_big.png) no-repeat 10px 10px, #fff5ee;
	font-weight: bold;
	color: #ff0000;
	min-height:50px;
}

.caution_frame {
	border: 5px solid #ff8c00;
	background: url(../img/share/icon_error_big.png) no-repeat 10px 10px,#fffff0;
	min-height:50px;
	font-weight: bold;
	color: #ff4500;
}

.info_frame {
	border: 5px solid #006F99; 
	background: url(../img/share/icon_info_big.png) no-repeat 10px 10px, #f5fffa;
	min-height:50px;
}


.gray_frame {
	border: 2px solid #666666; 
	background: url(../img/share/icon_info_big.png) no-repeat 10px 10px,  #eeeeee;
	min-height:50px;
}

/*-------------------------------------*/
/* 枠内見出し */
/*-------------------------------------*/
.info_frame h4,
.caution_frame h4{
	font-size:22px;
	font-weight: bold;
	padding-left:50px;
	line-height: 40px;
	vertical-align:middle;
}
.info_frame h4{
	color:#202f55;
}
.caution_frame h4{
	color:#333;
}

/*-------------------------------------*/
/* 枠表示内リスト */
/*-------------------------------------*/
.error_frame ul,
.caution_frame ul,
.info_frame ul,
.gray_frame ul {
	margin-left:75px;
}

.error_frame ul li,
.caution_frame ul,
.info_frame ul, 
.gray_frame ul{
	list-style:disc;
}

.error_frame ul li {
	font-size:14px;
}

.error_frame ul li.look ,
.caution_frame ul li.look ,
.info_frame ul li.look, 
.gray_frame ul li.look {
	margin-left:-15px;
	list-style:none;
	font-size:14px;
}

.error_frame ol,
.caution_frame ol,
.info_frame ol,
.gray_frame ol {
	margin-left:75px;
}

/*-------------------------------------*/
/* 枠表示内段落 */
/*-------------------------------------*/
.error_frame p,
.caution_frame p,
.info_frame p,
.gray_frame p {
	margin-left:55px;
	margin-bottom:3px;
	font-size:15px;
}

.error_frame p strong,
.caution_frame p strong,
.info_frame p strong,
.gray_frame p strong {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.6;
}
/*-------------------------------------*/
/* 通知 */
/*-------------------------------------*/
	
	div#yourMsgBox{
		margin-bottom: 10px;
	}
	
	div#yourMsgBox h2{
		background: url(../img/share/h2_arrow.png) no-repeat 10px center, url(../img/share/bg_rd01.gif), #003366;
	}

	div#yourMsgBox ul{
		border:1px solid #ccc;
		border-radius:4px;
		padding: 5px;

	}
	div#yourMsgBox ul:after {
		content: "";
		clear: both;
		display: block;
	}
	div#yourMsgBox ul li{
		padding:5px 3px;
		border-bottom:1px dashed #ccc;
	}
	div#yourMsgBox ul li:last-child{
		border-bottom:none;
	}
	div#yourMsgBox ul li a.lnk_check{
		display:block;
		width:60px;
		background-color:#dc143c;
		border-radius:4px;
		color:#fff;
		text-align:center;
		text-decoration:none;
		font-size:12px;
		float:right;
	}	
	div#yourMsgBox ul li span.icon_caution{
		

	}


	div#yourMsgBox ul li:before{
		content: url(../img/share/icon_notice.png);
		padding-right:10px;
	}