@charset "utf-8";
/* CSS Document */

html {height: 100%; overflow-y: scroll; }
img {border: 0px;}
.clear {clear:both;}

a{outline : 0 ;}


object{ margin: 0px; padding: 0px;}

body {
	height: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}

h2 {
	color: #333333;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}

form {margin: 0px; padding: 0px;}



#container {
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px;
}

/* -----header----- */

#header_bg {
	width: 100%;
	height: 105px;
	background-image: url(../img/header_bg.gif);
	background-repeat: repeat-x;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#header {
	width: 950px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#logo {
	width: 213px;
	height: 43px;
	margin: 42px 0px 0px 0px;
	padding: 0px;
	float: left;
}

#go {
	width: 141px;
	height: 32px;
	background: url(../img/go.gif) no-repeat;
	margin: 53px 0px 0px 18px;
	padding: 0px;
	float: left;
}

h1{margin: 0px; padding: 0px; text-indent: -9999px;}

#head_contact {
	width: 219px;
	height: 44px;
	margin: 46px 0px 0px 0px;
	padding: 0px;
	float: right;
}


/* -----main_image----- */

#site_img {
	width: 100%;
	height: 267px;
	background: url(../img/site_img_bg.gif) repeat-x;
	margin: 0px auto 0px auto;
	padding: 0px;
}


/* -----main----- */

#main {
	width: 100%;
	background: url(../img/main_bg.gif) repeat-x;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#main_body {
	width: 950px;
	background: url(../img/main_body_bg.gif) repeat-y;
	margin: 0px auto 0px auto;
	padding: 0px;
}


/* -----menu----- */

#menu {
	width: 225px;
	font-size: 75%;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
}

#menu a,a:link { color: #333333; text-decoration: none;}
#menu a:hover { color: #333333; text-decoration: underline;}

#menu ul{ text-align: left; margin: 0px; padding: 0px;}

#menu li{
	width: 225px;
	height: 47px;
	background: url(../img/menu_btn.gif) no-repeat;
	list-style-type: none;
	text-indent: 26px;
	line-height:48px;
	margin: 0px;
	padding: 0px;
}

#other_menu01{ margin: 15px 0px 15px 0px; padding: 0px;}
#other_menu02{ margin: 0px 0px 10px 0px; padding: 0px;}


/* -----contents----- */

#contents {
	width: 695px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: right;
}

#con01 {
	width: 695px;
	height: 275px;
	margin: 0px;
	padding: 0px;
}

/* -----sixbtn----- */

#sixbtn {
	width: 430px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#sixbtn a{width:140px; height:135px; display:block;}

#sixbtn01 {
	width: 140px;
	height: 135px;
	background: url(../../img/sixbtn01.jpg) no-repeat;
	text-indent:-9999px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#sixbtn02 {
	width: 140px;
	height: 135px;
	background: url(../../img/sixbtn02.jpg) no-repeat;
	text-indent:-9999px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
}

#sixbtn03 {
	width: 140px;
	height: 135px;
	background: url(../../img/sixbtn03.jpg) no-repeat;
	text-indent:-9999px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#sixbtn04 {
	width: 140px;
	height: 135px;
	background: url(../../img/sixbtn04.jpg) no-repeat;
	text-indent:-9999px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	float: left;
}

#sixbtn05 {
	width: 140px;
	height: 135px;
	background: url(../../img/sixbtn05.jpg) no-repeat;
	text-indent:-9999px;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	float: left;
}

#sixbtn06 {
	width: 140px;
	height: 135px;
	background: url(../../img/sixbtn06.jpg) no-repeat;
	text-indent:-9999px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	float: right;
}


/* -----usersvoice----- */

#uservoice {
	width: 260px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#uv_body {
	width: 260px;
	height: 205px;
	background: url(../../img/uservoice_bg.gif) repeat-x;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

#uv_txt {
	font-size: 70%;
	margin: 6px 0px 0px 0px;
	padding: 0px;
}
#uv_txt a,a:link { color: #608925; text-decoration: none;}
#uv_txt a:hover { color: #608925; text-decoration: underline;}


/* -----three_plan----- */

#three_plan {
	width: 695px;
	height: 95px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

#dot_line {
	width: 695px;
	height: 1px;
	margin: 15px 0px 15px 0px;
	padding: 0px;
}


/* -----three_btn----- */
#con02 {
	width: 695px;
	height: 270px;
	margin: 0px;
	padding: 0px;
}

#con02 a{width:226px; height:270px; display:block;}

#three_btn01 {
	width: 226px;
	height: 270px;
	background: url(../../img/3btn01.jpg) no-repeat;
	text-indent:-9999px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#three_btn02 {
	width: 226px;
	height: 270px;
	background: url(../../img/3btn02.jpg) no-repeat;
	text-indent:-9999px;
	margin: 0px 0px 0px 8px;
	padding: 0px;
	float: left;
}

#three_btn03 {
	width: 226px;
	height: 270px;
	background: url(../../img/3btn03.jpg) no-repeat;
	text-indent:-9999px;
	margin: 0px;
	padding: 0px;
	float: right;
}


/* -----whatsnew----- */

#wnew {
	margin: 25px 0px 0px 0px;
	padding: 0px;
}


/* -----about_prove----- */

#about_prove {
	margin: 25px 0px 0px 0px;
	padding: 0px;
}

#about_body {
	width: 695px;
	margin: 12px 0px 0px 0px;
	padding: 0px;
}

#about_pic {
	width: 140px;
	height: 140px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#about_txt {
	width: 535px;
	color: #333333;
	font-size: 75%;
	text-align: left;
	line-height: 150%;
	margin: 0px;
	padding: 0px;
	float: right;
}

#about_name {
	text-align: right;
	margin: 40px 0px 0px 0px;
	padding: 0px;
}


/* -----footer----- */

#footer {
	width: 100%;
	height: 77px;
	background: url(../img/footer_bg.gif) repeat-x;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#footer_link {
	width: 950px;
	color: #333333;
	font-size: 70%;
	margin: 0px auto 0px auto;
	padding: 33px 0px 14px 0px;
}

#footer_link a,a:link { color: #333333; text-decoration: none;}
#footer_link a:hover { color: #333333; text-decoration: underline;}


/* -----mt----- */

#page_title {
	width: 695px;
	height: 80px;
	color: #333333;
	font-size: 24px;
	line-height: 90px;
	text-indent: 15px;
	text-align: left;
	background: url(../img/pagetitle_bg.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}


#mt_entries {
	width: 695px;
	margin: 20px 0px 10px 0px;
	padding: 0px;
}

#entry_title {
	width: 695px;
	height: 33px;
	line-height: 33px;
	text-indent: 10px;
	text-align: left;
	background: url(../img/entrytitle_bg.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#entry_title a,a:link { color: #333333; text-decoration: none;}
#entry_title a:hover { color: #333333; text-decoration: underline;}

#entry_body {
	width: 675px;
	font-size: 85%;
	line-height: 150%;
	text-align: left;
	margin: 15px auto 0px auto;
	padding: 0px;
}

#entry_body a,a:link { color: #2B86E3; text-decoration: none;}
#entry_body a:hover { color: #2B86E3; text-decoration: underline;}

.moreread {text-align: right;}

#mt_navi {
	width: 695px;
	font-size: 80%;
	line-height: 150%;
	text-align: center;
	margin: 15px auto 0px auto;
	padding: 0px;
}

#mt_navi a,a:link { color: #2B86E3; text-decoration: none;}
#mt_navi a:hover { color: #2B86E3; text-decoration: underline;}


/* -----listing_blog----- */

#page_title02 {
	width: 695px;
	height: 150px;
	color: #333333;
	font-size: 24px;
	line-height: 200px;
	text-indent: 18px;
	text-align: left;
	background: url(../img/pagetitle_bg02.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#listing_blog {
	width: 695px;
	background: url(../img/listing_blogbg.gif) repeat-y;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

#listing_body {
	width: 490px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#blog_entries {
	width: 490px;
	margin: 0px 0px 25px 0px;
	padding: 0px;
}

#blog_title {
	width: 490px;
	height: 33px;
	line-height: 33px;
	text-indent: 10px;
	text-align: left;
	background: url(../img/blogtitle_bg.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#blog_title a,a:link { color: #333333; text-decoration: none;}
#blog_title a:hover { color: #333333; text-decoration: underline;}

#blog_body {
	width: 480px;
	font-size: 85%;
	line-height: 150%;
	text-align: left;
	margin: 15px auto 0px auto;
	padding: 0px;
}

#blog_body a,a:link { color: #2B86E3; text-decoration: none;}
#blog_body a:hover { color: #2B86E3; text-decoration: underline;}

#entry_info {
	color: #999999;
	font-size: 70%;
	text-align: right;
	width: 490px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

#entry_info hr {
	border-width: 0px;
	background-color: #eeeeee;
	height: 1px;
}

#blog_navi {
	width: 490px;
	font-size: 70%;
	text-align: center;
	margin: 15px auto 0px auto;
	padding: 0px;
}

#blog_navi a,a:link { color: #2B86E3; text-decoration: none;}
#blog_navi a:hover { color: #2B86E3; text-decoration: underline;}





#blog_menu {
	width: 195px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#blog_menu a,a:link { color: #2B86E3; text-decoration: none;}
#blog_menu a:hover { color: #2B86E3; text-decoration: underline;}


#side_title {
	width: 195px;
	height: 28px;
	color: #FFFFFF;
	font-size: 75%;
	font-weight: bold;
	line-height: 29px;
	text-indent: 7px;
	text-align: left;
	background: url(../img/blog_menu.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

/*---------- profile ----------*/
#profile {
	margin: 5px auto 15px auto;
}

#profile_name {
	color: #666666;
	font-size: 70%;
	text-align: left;
	margin: 7px 7px 0px 7px;
	padding: 0px;
}

#profile_txt {
	color: #666666;
	font-size: 70%;
	line-height: 120%;
	text-align: left;
	margin: 7px 7px 0px 7px;
	padding: 0px;
}


/*---------- calender ----------*/
#calender {
	text-align: center;
	margin: 7px auto 15px auto;
}

#calendar table {
	padding: 2px;
	border-collapse: collapse;
	border: 0px;
	width: 95%;
	}

#calendar caption {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3em;
	}

#calendar th {
	width: 21px;
	font-size: 10px;
	text-align: center;
	font-weight: normal;
	}

#calendar td {
	width: 21px;
	font-size: 10px;
	text-align: center;
	}

/*---------- search ----------*/
#search {
	text-align: left;
	margin: 5px auto 15px auto;
}

#search form {
	margin: 0px;
	padding: 0px;
}

#search label {
	color: #666666;
	font-size: 70%;
	line-height: 20px;
	text-align: left;
	margin: 0px 0px 0px 7px;
	padding: 0px;
}

#search input {
	margin: 0px 0px 0px 7px;
	padding: 0px;
}

/*---------- category ----------*/
#category {
	text-align: left;
	margin: 5px auto 15px auto;
}

#category ul{
	text-align: left;
	list-style : none;
	margin: 0px;
	padding: 0px;
}

#category li{
	color: #666666;
	font-size: 70%;
	text-align: left;
	line-height: 150%;
	margin: 0px 7px 0px 7px;
	padding: 0px;
}

/*---------- recent_entry ----------*/
#r_entry {
	margin: 7px auto 15px auto;
}

#r_entry ul{
	text-align: left;
	list-style : none;
	margin: 0px;
	padding: 0px;
}

#r_entry li{
	color: #666666;
	font-size: 70%;
	line-height: 150%;
	margin: 0px 7px 0px 7px;
	padding: 0px;
}

/*---------- monthry ----------*/
#monthly {
	margin: 5px auto 15px auto;
}

#monthly ul{
	text-align: left;
	list-style : none;
	margin: 0px;
	padding: 0px;
}

#monthly li{
	color: #666666;
	font-size: 70%;
	*font-size: 65%;
	line-height: 150%;
	margin: 0px 7px 0px 7px;
	padding: 0px;
}


/*---------- 会社概要 ----------*/

#company_info{
	width: 670px;
	margin: 30px 0px 0px 15px;
	padding: 0px;
}

#company_pic{
	width: 180px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#company_table{
	width: 470px;
	text-align: left;
	font-size: 75%;
	margin: 0px;
	padding: 0px;
	float: right;
}

#company_table a,a:link { color: #2B86E3; text-decoration: none;}
#company_table a:hover { color: #2B86E3; text-decoration: underline;}


table.table001 {
	margin-top: 0px;
	margin-bottom: 1em;
	width: 470px;
	border-collapse: separate;
	border-spacing: 3px;
	font-size: 100%;
}

table.table001 th,
table.table001 td {
  padding: 4px 5px;
}

table.table001 th {
	background: #50AAD2;
	font-weight: normal;
	color: #FFFFFF;
}

table.table001 td {
	background: #FAFAFA;
	color: #333333;
	line-height: 120%;

}

/*---------- 問合せ ----------*/

#global_ssl {
	width: 695px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

#ssl_logo {
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

#ssl_txt {
	width: 540px;
	color: #666666;
	font-size: 70%;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: right;
}

#contact_form {
	width: 680px;
	text-align: left;
	font-size: 75%;
	margin: 25px 0px 0px 10px;
	padding: 0px;
}

table.table002 {
	margin-top: 0px;
	margin-bottom: 1em;
	width: 675px;
	border-collapse: separate;
	border-spacing: 3px;
	font-size: 100%;
}

table.table002 th,
table.table002 td {
  padding: 4px 5px;
}

table.table002 th {
	width: 150px;
	background: #50AAD2;
	font-weight: normal;
	color: #FFFFFF;
}

table.table002 td {
	width: 525px;
	background: #FAFAFA;
	color: #333333;
	line-height: 120%;
}

#form_check{
	color: #666666;
	width: 675px;
	font-size: 75%;
	line-height: 120%;
	margin: 40px 0px 0px 0px;
	padding: 0px;
}


#contact_btn {
	width: 680px;
	font-size: 75%;
	margin: 5px 0px 40px 0px;
	padding: 0px;
}

#contact_btn a,a:link { color: #2B86E3; text-decoration: none;}
#contact_btn a:hover { color: #2B86E3; text-decoration: underline;}


.hissu {
	color: #FFAAAA;
	font-size: 90%;
	margin: 0px;
	padding: 0px;
}

