@charset "UTF-8";

*{
	padding:0px;
	margin:0px;
}

/*
html,body
{
	width:100%;
	height:100%;

}
*/

html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;

	background-color:#f0f0f0;
}

img{
	border:0px;
	vertical-align: bottom;
}

/*クリック前*/
a:link{
	color:#666;
	text-decoration: none;
}
/*クリック後*/
a:visited{
	color:#666;
	text-decoration: none;
}
/*マウスを載せたら*/
a:hover{
	color:#f00;
	text-decoration: none;
}
/*クリック時*/
a:active{
	color:#f00;
	text-decoration: none;
}

/**********/
.both
{
	clear:both;
}

.info
{
	font-size:11px;
}

.margin_auto
{
	margin-left:auto;
	margin-right:auto;

}

.icon
{
	vertical-align: middle;
}

input,select,textarea
 {
	padding: 0.5em;
}

.container_warning
{
	border:1px #f00 solid;
	background-color:#fcc;
	color:#f00;

	margin-bottom:20px;
	padding:15px;

}

.td_warning
{
	background-color:#fcc;

}

.attention , .red
{
	color:#f00;
}
/**************************************/
.container_base
{
	width:100%;
	height:100%;
}

/**************************************/
.container_base_head
{
	background-color:#ccc;
}

.container_head
{

	height:100px;
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

.container_head_logo
{

	float:left;
	padding-top:25px;
	padding-left:25px;
}

.container_head_menu
{

	float:right;

	line-height:100px;

	padding-right:25px;
}


.clearfix:after
{
	content: '';
	display: block;
	clear: both;
}

/**************************************/
.container_base_main
{

}

.container_main
{

	background-color:#fff;

	width:980px;
	margin-left:auto;
	margin-right:auto;

}

.contents
{
	padding:40px;

}

h2.title
{
	border-bottom:3px solid #ccc;
}


/**************************************/
.container_base_foot
{
	background-color:#aaa;
}

.container_foot
{

	text-align:center;
	height:100px;
	line-height:100px;

	width:980px;
	margin-left:auto;
	margin-right:auto;
}

/*************************************************/
.c_button
{
	padding:10px;
	min-width:100px;
}

.c_button_w
{
	padding-left:10px;
	padding-right:10px;
	min-width:100px;
}

/*************************************************
 テーブル基本デザイン
 *************************************************/
#base_table table
{
    border: 1px #999999 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

#base_table tr{	
}

#base_table th , #base_table td
{
    padding: 5px;
	height:23px;
	line-height:23px;

    border: 1px #737373 solid;
    border-width: 0 0 1px 1px;

/*
	vertical-align:top;
	text-align:left;
*/
}
#base_table th{
    background: #eee;
    font-weight: bold;
}

#base_table tr.tr1{
    background: #ffffff;
}
#base_table tr.tr2{
    background: #f9f9f9;
}

#base_table .vam
{
	vertical-align:middle;
}

#base_table .vatop
{
	vertical-align:top;
}

#base_table .tright
{
	text-align:right;
}

#base_table .tcenter
{
	text-align:center;
}


/*************************************************
 罫線なしテーブル
 *************************************************/
#no_line table{
    border: 0px;
    border-collapse: collapse;
	border-spacing: 0;
}

#no_line td,#no_line th{
	border : 0px;
	padding : 3px;
	vertical-align:middle;
}

#no_line .v_top
{
	vertical-align:top;
}


#no_line .tright
{
	text-align:right;
}

/**************************************************
 width
 **************************************************/

.w30{
	width:30px;
}

.w50{
	width:50px;
}
.w70{
	width:70px;
}
.w80{
	width:80px;
}
.w100{
	width:100px;
}
.w120{
	width:120px;
}
.w150{
	width:150px;
}
.w160{
	width:160px;
}
.w180{
	width:180px;
}
.w200{
	width:200px;
}

.w270{
	width:270px;
}

.w250{
	width:250px;
}

.w300{
	width:300px;
}
.w350{
	width:350px;
}

.w400{
	width:400px;
}

.w500{
	width:500px;
}

.w550{
	width:550px;
}

.w600{
	width:600px;
}

.w650{
	width:650px;
}

.w700{
	width:700px;
}

.w100p{
	width:100%;
}

.w100pi{
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}