@charset "utf-8";

html{ min-width: 921px; } /* For Mozilla's bug */
body{
	left		: 0px;
	top		: 0px;
	margin		: 0px 0px 0px 20px;
	padding		: 0;
	background	: #fff;
	color		: #666;
	font-family	: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	text-align	: center;
/*	background-image:url('/images/background.gif');  */
}
a img { border: none; }
hr{ 	
	color:#505050; 
	height:1px;
}
a{
/*	color:#0d0dd7; */
	color:#505050;
}
a:visited{
/*	color:#0000d7; */
	color:#505050;
}
a:hover{
	color:red;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.bar{
    border: 1px solid #e0e0e0;
}
/*
.button{
    border: 1px solid #e0e0e0;
}
*/

/*-----------------------------------------------------------------------------
	For RSS
-----------------------------------------------------------------------------*/
a#rss {
    padding: 2px 8px 2px 22px;
    border: 1px solid #999999;
    background: #545454 
                url(/images/feedicon.png) 
                no-repeat 4px 50%;
    color: #ffffff;
    font-size: 80%;
    text-decoration: none;
}
a#rss:hover {
    border: 1px solid #c0c0c0;
    background: #808080 
                url(/images/feedicon.png) 
                no-repeat 4px 50%;
    color: #FF9933;
    text-decoration: none;
}


/*-----------------------------------------------------------------------------
	For Container 
-----------------------------------------------------------------------------*/
div#container {
	display		: block;
	float		: center;
	width		: 921px;
	margin		: 0px;
	padding		: 0px;
	text-align	: center;
}

/*-----------------------------------------------------------------------------
	For Header
-----------------------------------------------------------------------------*/
div#header{
	display	   : block;
	float	   :left;
        width	   : 920px;
	height	   : auto;
	text-align : left;
	margin	   : 0px 0px 0px 0px;
}
div#header p#logo{
	display  : block;
	float    : left;
        width	 : 660px;
	padding  : 14px 0px 0px 0px;
	margin:0px;
}
div#header p#support{
	display    : block;
	float	   : right;
        width	   : 240px;
	padding    : 2px 0px 0px 0px;
	margin:0px;
}
img#headerImage{
	display	: block;
        width	: 900px;
	float	: left;
	border	: 1px solid #202080;
	margin-bottom	: 10px;
}

/*-----------------------------------------------------------------------------
	For Layout
-----------------------------------------------------------------------------*/
div#menuarea{
	display    : block;
	float	   : left;
        width	   : 200px;
	margin	   : 0px;
	padding	   : 0px;
	margin	   : 0px;
	text-align : center;
}
div#mainarea{
	display    : block;
	float	   : left;
        width	   : 700px;
	padding	   : 0px;
	margin	   : 0px;
	text-align : center;
}

/*-----------------------------------------------------------------------------
	For Menu
-----------------------------------------------------------------------------*/
div#menu{
	display		: block;
	float		: left;
	width		: 190px;
	font-size	: 80%;
	text-align	: left;
	background-color: #ffffff;
	border		: 1px solid #f0f0f0;
        padding	   	: 0px;
	margin		: 0px;
}
div#menu p{
	width		: 190px;
	color		: #505050;
        padding	   	: 0px;
	margin		: 0px;
}

/*-----------------------------------------------------------------------------
	For Main
-----------------------------------------------------------------------------*/
div#mainarea div.main{
	display		: block;
	float		: none;
	margin		: 15px 20px 20px 20px;	
	width		: 660px;
	font-size	: 80%;
	text-align	: left;
}
div#main p{
        margin  : 0px;
	padding : 0px;
	width	: 190px;
	color	: #505050;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------
	For Footer
-----------------------------------------------------------------------------*/
div#footer{
	display: block;
	float  : left;
        width	   : 920px;
	height	   : 50px;
	text-align : center;
	font-size  : 80%;
	margin	   : 50px 0px 0px 0px;
}

/*-----------------------------------------------------------------------------
	For Pager
-----------------------------------------------------------------------------*/
div.pager {
    margin-top: 20px;
    font-size: 85%;
}

div.pager a,
div.pager span {
    display: block;
    float: left;
    margin-right: 0.1em;
    padding: 0.2em 0.5em;
}

div.pager a {
    color: #105cb6;
    background-color: #fff;
    border: 1px solid #9aafe5;
    text-decoration: none;
}

div.pager a:hover {
    color: #003;
    background-color: #fff;
    border: 1px solid #2e6ab1;
}

div.pager span.current {
    color: #fff;
    background-color: #2e6ab1;
    border: 1px solid #2e6ab1;
    font-weight: bold;
}

div.pager span.nextprev {
    border: 1px solid #ddd;
    color: #999;
    background-color: #fff;
}

div.pager a.nextprev {
    font-weight: bold;
} 

/*-----------------------------------------------------------------------------
	For Toppage
-----------------------------------------------------------------------------*/
ul.news{
	display: block;
	float:none;
	width:680px;
	margin:0px;
	padding:0px;
}
ul.news li{
	display: block;
	width:100%;
	margin:0px;
	padding:0px;
}
ul.news p.icon{
	display:block;
	float:left;
	width:30px;
	margin:0px;
	padding:0px;
}
ul.news p.date{
	display:block;
	float:left;
	width:90px;
	color: red;
	margin:0px;
	padding:0px;
}
ul.news p.subject{
	display:block;
	float:left;
	width:560px;
	margin:0px;
	padding:0px;
}

/* Service */
div.main div.image{
	display     : block;
	float       : left;
	width       : 180px;
	height      : auto;
	text-align  : center;
	margin	    : 0px;
	padding     : 30px 0px 0px 0px;
	padding-top : 30px;
}
div.main div.explanation{
	display     : block;
	float       : left;
	width       : 460px;
	height      : auto;
	padding     : 10px;
}
div.main div.explanation h2{
	display     : block;
	float       : none;
	width	    : 100%;
	color       : #45b2ea;
	font-size   : 100%;
	font-weight : bold;
	padding     : 0px;
}
div.main div.explanation p{
	display     : block;
	float       : none;
	width	    : 460;
	padding     : 0px;
	text-indent : 14px;
	margin-bottom: 0px;
}

/*-----------------------------------------------------------------------------
	会社概要
-----------------------------------------------------------------------------*/
.list p{
	margin:0px;
	padding:0px;
}
.list p.date{
	text-align:right;
}

/*-----------------------------------------------------------------------------
	プライバシーポリシー
-----------------------------------------------------------------------------*/
div.main div.caption{
	display	   : block;
        width	   : 600px;
	height	   : auto;
	text-align : left;
	font-weight: bold;
	margin	   : 10px;
}
div.main div.comment{
	display	   : block;
        width	   : 650px;
	height	   : auto;
	text-align : left;
	text-indent: 10px;
	padding-left: 30px;
}
div.main div.contact{
	display	   : block;
	float	   : left;
        width	   : 540px;
	height	   : auto;
	text-align : center;
	margin     : 20px;
	padding    : 10px;
	background-color:#fafafa;
	border	   : 1px solid #f0f0f0;
	color	   : #000050;
}
div.main div.contact p.type{
	display	   : block;
	float	   : left;
        width	   : 80px;
	margin     : 5px;
}
div.main div.contact p.data{
	display	   : block;
	float	   : left;
        width	   : 400px;
	text-align : left;
	margin     : 5px;
}

/*-----------------------------------------------------------------------------
	お問い合わせ
-----------------------------------------------------------------------------*/
div.main span{
	color: #45b2ea;
}
div.main p.title{
	display	   : block;
	float	   : none;
        width	   : 600px;
	text-align : left;
	margin	   : 0px;
	padding	   : 0px 0px 0px 30px;
	color       : #808080;
	font-weight: bold;
}
div.main p.input{
	display	   : block;
	float	   : none;
        width	   : 600px;
	text-align : left;
	color      : #808080;
	margin	   : 0px 0px 15px 0px;
	padding	   : 0px 0px 0px 40px;

}
div.main p.form{
	margin	   : 0px;
	padding	   : 0px;
}
div.main p.button{
	display	   : block;
	float	   : left;
	border	   : 1px solid #e0e0e0;
	margin     : 0px 0px 0px 20px;
	padding    : 0px 0px 0px 0px;
	text-align : left;
}

/*-----------------------------------------------------------------------------
	テーブル
-----------------------------------------------------------------------------*/
.list th{
	font-weight	:bold;
	color		:#333333;
	width		:100px;
	text-align	:left;
	padding		:10px;
	background-color:#F0F0F0;
}
.list td{
	color		:#333333;
	background-color:#fafafa;
	width		:560px;
	text-align	:left;
	padding		:10px;
	border: 1px solid #f0f0f0;
}


div#error {
          color            : #ff0000;
          border           : solid 1px #ff0000;
          background-color : #fff0f0;
          width		   : 600px;
	  margin	   : 10px;
          padding	   : 5px 5px 5px 20px;
	  text-align 	   : left;
}