@charset "UTF-8";

	body{
		min-width: 320px;
	}

	a         {text-decoration: none;color: #333333;}
	a:link    {text-decoration: none;color: #333333;}
	a:visited {text-decoration: none;color: #333333;}
	a:hover   {text-decoration: underline;color: #333333;}
	a:active  {text-decoration: underline; color: #333333;}

	.bggray{
	    background-color: #F2F2F2;
	    color:#545454;
	}

	.bggray a         {color: #545454;}
	.bggray a:link    {color: #545454;}
	.bggray a:visited {color: #545454;}
	.bggray a:hover   {color: #545454;}
	.bggray a:active  {color: #545454;}

	h1{color:#800;}
	h1 a         {color: #800;opacity:1}
	h1 a:link    {color: #800;}
	h1 a:visited {color: #800;}
	h1 a:hover   {text-decoration: none;opacity:0.7}
	h1 a:active  {text-decoration: none;color: #800;}

	h2{
		text-align: left;
		margin-bottom: 10px;
		font-size: 100%;
/*		font-weight: bold;	*/
/*		border-left: 7px solid #800;	*/
		padding-left: 10px;
		line-height: 1.5em;
		clear: both;
	}
	h2.top{
		border-bottom:none;
	}
    h3{
		border-bottom: solid 1px #e6e6e6;
	}

	a.button, input.button{
		display:block;
		background-color:#800;
		color:#fff;
		font-weight:bold;
		text-align: center;
		height:35px;
		line-height:35px;
		border-radius: 5px;        /* CSS3���� */
		-webkit-border-radius: 5px;    /* Safari,Google Chrome�p */
		-moz-border-radius: 5px;   /* Firefox�p */
    }
    a.button_blue, input.button_blue {
		display:block;
		background-color:#3490C4;
		color:#fff;
		font-weight:bold;
		text-align: center;
		height:35px;
		line-height:35px;
		border-radius: 5px;        /* CSS3���� */
		-webkit-border-radius: 5px;    /* Safari,Google Chrome�p */
		-moz-border-radius: 5px;   /* Firefox�p */
	}
	a.button:link    {color: #fff;}
	a.button:visited {color: #fff;}
	a.button:hover   {text-decoration: none;color:#fff;}
	a.button:active  {text-decoration: none;color:#fff;}

	.margin-t15{
		margin-top:15px;
	}
	.margin-t50{
		margin-top:50px;
	}
	.margin-b10{
		margin-bottom:10px;
	}
	.margin-b50{
		margin-bottom:50px;
	}
	.align_center{
		text-align:center;
	}
	.w-70{
		width:70px;
	}
	.w-130{
		width:130px;
	}
	.w-400{
		width:400px;
	}
	.w-500{
		width:500px;
	}
	.formTable dt{
		padding-bottom:2px;
	}
	.formTable dd{
		padding-bottom:15px;
	}
	.formTabledl span {
		color: red;
	}

	#header{
		border-top: solid 5px #800;
		height:60px;
		padding:10px;
	}
	#branding{
		border-bottom: solid 1px #800;
		padding-top:10px;
		padding-bottom:10px;
		position: relative;
	}
	#branding h1{
		font-size:17px;
	}
	#branding img.logo{
		width:254px;
	}
	#branding a.logo_sekisui{
		position: absolute;
		right: 0px;
		top: 10px
	}
	#branding a.logo_sekisui img {
		width:120px;
	}
	#footer img.logo_shm{
		width:161px;
	}

	#main{
		padding:10px;
	}

	.buttoncontainer{
		margin-left:auto;
		margin-right:auto;
	}
	

	.pimgcontainer{
		text-align:center;
		width:100%;
		background-color:#e8ced2;
		padding-top:25px;
		padding-bottom:25px;
	}

	.pimgcontainer img.pc_contents{
		max-width:560px;
		max-height:420px;
	}
	.pimgcontainer img.smb_contents{
		width:100%;
	}

	.contentWrapper {
		width: 602px;
		margin-left: auto;
		margin-right: auto;
	}

	.contentWrapper img.img-left{
		max-width:200px;
		max-height:123px;
		float:left;
	}

	.contentWrapper img.img-left-s{
		max-width:150px;
		max-height:92px;
		float:left;
	}

	#footer{
		border-top: solid 1px #e6e6e6;
		padding-right:10px;
		padding-bottom:10px;
		padding-left:10px;
	}
	#footer li{display: inline-block;margin-right: 10px;margin-top: 10px;}

	 /* pc�� */
	.pc_contents {display:inline;}	/* �R���e���c�؂�ւ��p */
	.smb_contents {display:none;}	/* �R���e���c�؂�ւ��p */
	#copyright{float:left;}
	
/*	@media screen and (min-width:768px) {
		#contentBody table input[type="text"],
		#contentBody table input[type="password"]{
			height: 24px;
		}
		
		div.wrapper{
			width:960px;
			margin:0 auto;
		}
	}*/

	/* �X�}�z�� */
	@media screen and (max-width:768px) {
		div.wrapper{
			max-width:960px;
			margin:0 auto;
		}
		
		.contentWrapper {
			width: 100%;
		}
		
		#branding h1{
			font-size:13px;
		}
		#branding img.logo{
			width:160px;
		}
		#branding a.logo_sekisui img{
			width: 100px;
		}
		#footer img.logo_shm{
			width:100px;
		}
		.pc_contents {display:none;}	/* �R���e���c�؂�ւ��p */
		.smb_contents {display:inline;}	/* �R���e���c�؂�ւ��p */
		#copyright{position:inherit;}
	}
	
	#wrapper, #cntFooter {
        margin: 0 10%;
    }

    table {
        margin: 0 auto;
    }
	
	/* CLEAR-FIX */

	.clearFix:after {
		clear: both;
		content: "";
		display: block;
		height: 0;
		visibility: hidden;
	}
	
	*:first-child+html .clearFix {
		display: inline-block;
		min-height: 1%;
	}
	
	/* Hides from IE6/IE Mac \*/
	* html .clearFix {
		height: 1%;
	}
	
	.clearFix {
		display: block;
	}
	/* End hide from IE6/IE Mac */