@charset "UTF-8";

/*==========　リセット ==========*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
   margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;
}
body {
   line-height:1;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
   display:block;
}
ul {
   list-style:none;
}
blockquote,q {
   quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after {
   content:none;
}
a {
   margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;
   }
del {
   text-decoration:line-through;
}
abbr[title],dfn[title] {
   border-bottom:1px dotted;cursor:help;
}
table {
   border-collapse:collapse;border-spacing:0;
}
hr {
   display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;
}
input,select {
   vertical-align:middle;
}


.img{
	display: table;
	float:left;
	height:250px;
}

.grid .imgdv{
	width: 250px;
	display: table-cell;
	vertical-align:middle;
	padding:0px;
	margin:0px;
}
.grid .price{
text-align:right;
color:red;
}
.grid div{
	float:left;
	width: 250px;
	text-align:center;
	margin-top:1%;
	margin-bottom:1%;
}
.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}
input, textarea {
    vertical-align: middle;
    margin: 1%;
}
textarea {
    padding: 2%;
   width:500px;
height:300px;
}
/*========== 全体・共通 ==========*/
body {
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino KaKu Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif; 
   font-size: 14px;
   color: #333333; 
   background-image: url(images/body_bg.png); 
   background-repeat: repeat; 
}
a {
   color: #3399cc;
}
a:hover {
   color:#336699;
}
/*a:visited {
   color: #bdc3c7;
}
*/
#wrapper {
   width: 980px;
   margin: 0 auto;
}

/*========== header ==========*/
#header {
   width: 100%;
   margin: 5px 0;
   overflow: hidden;
   position: relative;
}

#header h1 {
   font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
   font-size: 38px;
   font-weight: bold;
   color: #000000;
   position: absolute;
   top: 70px;
   left: 100px;
}
#header a {
   text-decoration: none;
}

/*========== header menu ==========*/
#h_menu {
   width: 100%;
   height: 36px;
   margin: 0 0 5px 0;
   padding: 0;
   text-align: left;
   background-color: #050365;
}
#h_menu ul {
   text-align: center; 
   margin: 0; 
   padding: 0;
}
#h_menu li {
   display: inline;
   float: left;
   color: #ffffff
}
#h_menu li a { 
   font-size: 16px; 
   width: 322px;
   color: #ffffff; 
display: block; 
   border-right: solid 1px #ffffff; 
   text-decoration: none; 
   padding: 10px 0; 
}
#h_menu li a:hover { 
   background-color: #0078ca;; 

}
#h_menu li.right_end a{
   width: 333px;
		border: none;
 
}

/*========== メインエリア・サブメニュー ==========*/
#container {
   width: 980px;
   margin: 0 0 5px 0;
   padding: 0;
   overflow: hidden;
   background-image: url(images/side_back.gif);
   background-repeat: repeat-y;
}

/*========== サブメニュー ==========*/
#s_menu {
   float: left;
   width: 200px;
   margin: 0 5px 0 0;
   padding: 0;
   font-size: 14px;
   background-color: #f3f3f3;
}
#s_menu ul{
   text-align: left;
   margin: 5px 7px 10px 7px;
   padding:0;
}
#s_menu li {
   color: #ffffff;
}
#s_menu li a {
   margin: 0;
   padding: 9px 28px;
   font-size: 14px;
   color: #ffffff;
   text-decoration: none; 
   background-color:#0078ca; ; 
   display: block;
   border-bottom: solid 1px #F3F3F3;
}
#s_menu li a:hover {
   color: #ffffff; 
   background-color: #050365;
}

/*========== メインエリア ==========*/
#main {
   float: right;
   width: 775px;
   margin: 0 0 5px 0;
   padding: 0;
   font-size: 14px;
}
#main h2 {
   width: auto;
   margin: 0 0 5px 0;
   padding: 9px 0 9px 5px;
   font-size: 14px;
   font-weight: bold;
   background-color:#ffffcc;
   background-repeat: repeat-x;
}
#main h2 a {
   text-decoration:none;
   color: #333333;
}
#main h2 a:hover {
   text-decoration:underline;
   color:#0078ca;
}
#main p {
   margin: 0 0 10px 0;
   padding: 0 0 0 14px;
   font-size: 14px;
   line-height: 1.4;
}
#main h3 {
   margin: 0 0 5px 0;
   padding: 9px 0 0 14px;
   font-size: 14px;
   font-weight: bold;
}

/*========== cck_main ==========*/
#cck {
   float: right;
   width: 775px;
   margin: 0 0 5px 0;
   padding: 0;
   font-size: 14px;
}
#cck h2 {
   width: auto;
   margin: 0 0 5px 0;
   padding: 9px 0 9px 5px;
   font-size: 14px;
   font-weight: bold;
   background-image: url(images/titlebar.gif);
   background-repeat: repeat-x;
}
#mcck h2 a {
   text-decoration:none;
   color: #333333;
}
#cck h2 a:hover {
   text-decoration:underline;
   color:#0078ca;
}
#cck p {
   margin: 0 0 0 0;
   padding: 0 0 0 8px;
   font-size: 14px;
   line-height: 1.4;
}
#cck h3 {
   margin: 0 0 5px 0;
   padding: 9px 0 0 14px;
   font-size: 14px;
   font-weight: bold;
}

/*========== pks_main ==========*/
#pks {
   width: 980px;
   margin: 0 0 5px 0;
   padding: 0;
   overflow: hidden;
   background-image: url(images/body_bg.png);
   background-repeat: repeat;
   font-size: 14px;
}
#pks h1 {
   width: auto;
   margin: 0 0 10px 0;
   padding: 0 0 0 5px;
   font-size: 24px;
   font-weight: bold;
}

#pks h2 {
   width: auto;
   margin: 0 0 5px 130px;
   padding: 0 0 0 5px;
   font-size: 18px;
}
#pks h3 {
   width: auto;
   margin: 0 0 5px 130px;
   padding: 15px 0 0 5px;
   font-size: 18px;
   font-weight: bold;
}
#pks p {
   margin: 0 130px 20px 130px;
   padding: 0 0 0 0;
   font-size: 12px;
   line-height: 1.2;
}
#pks p.p_bg {
   margin: 0 0 20px 0;
   padding: 5px;
   font-size: 16px;
   line-height: 1.4;
   border-left: solid 2px #0078CA;
   border-bottom: solid 2px #0078CA;
   border-top: solid 2px #0078CA;
   border-right: solid 2px #0078CA;
}
#pks img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 30px;
   font-size: 14px;
}

/*========== お問い合わせ(PKS) ==========*/
#pks .table_inquiry {
   border-collapse: collapse;
   width: 720px;
   margin: 0;
   padding: 0;
   line-height: 1.4;
   border: solid 1px  #ddd;
}
#pks .table_inquiry tr td {
   white-space: nowrap;
   padding: 5px;
   font-size: 14px;
   text-align: left;
   border: 1px solid #ddd;
   vertical-align: middle;
}
#pks .table_inquiry tr td p {
   margin: 0;
   padding: 10px 0;
   text-align: left;
   color: #ff0000;
}


/*========== フッター ==========*/
#footer { 
   clear: both; 
   width: 100%; 
   margin: 0; 
   padding: 10px 0; 
   text-align: right; 
   font-size: 12px; 
   color: #333333; 
   border-top: solid 4px #0078ca; 
   background-color: #ffffff; 
}
#footer a { 
   color: #6699cc; 
   font-size: 12px; 
}
#footer a:hover { 
   color: #006699; 
}

/*========== HOME ==========*/
#main div.topics {
	height:auto;
	margin:0 0 0 0;
	padding:10px 0 0 0;
}

#main div.topics p {
	line-height:1.2;
	margin:0 0 0 0;
	padding:0 0 0 5px;
	border-left: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}
#main div.topics p a {
	color: #0078ca;
	text-decoration: none;
}
#main div.topics p a:hover {
	text-decoration: underline;
}


/*========== 基本方針 ==========*/
#main p.po_01 {
   padding: 0 0 0 21px;
}

/*========== 事業の紹介 ==========*/
#main .bu_01 {
   padding: 0 0 0 21px;
}
#main .bu_02 ol{
   margin: 0 0 5px 49px;
   padding: 0 0 0 10px;
}
#main .bu_02 ol li {
   margin: 0 0 5px 0;
   padding: 0;
   line-height: 1.4;
   border-bottom: #999999 1px dotted;
}
/*========== 会員一覧 ==========*/
#mem_i01 {
   margin:0 85px;
   padding:5px;
   width:600px;
   height:650px;
}
/*========== 加入について ==========*/
#mer_merit {
   margin:10px 135px 10px 140px;
   padding:0;
}
#mer_01 {
   width: 500px;
   height: 122px;
   background-image: url(images/box3.png);
   background-repeat: no-repeat;
   padding:0;
   margin: 0;
   font-size:30px;
   color: #ffffff;
}
#mer_01 p {
   margin: 0;
   padding: 46px 0;
   text-align: center;
   font-size: 30px;
   color: #ffffff;
}
#mer_02 {
   width: 500px;
   height: 70px;
   background-image: url(images/ya1.png);
   background-repeat: no-repeat;
   padding:0;
   margin: 0;
}
#mer_03 {
   width: 500px;
   height: 245px;
   background-image:url(images/box4.png);
   background-repeat: no-repeat;
   margin: 0;
   padding: 0;
   font-size: 20px;
   line-height: 30px;
}
#mer_03 ul {
   margin: 0;
   padding: 46px 0 0 70px;
}
#mer_03 li {
   margin: 0;
   padding: 0 ;
}

#mer_04 {
   width: 100%;
   margin: 0 0 5px 0;
   padding: 0;
}
#mer_04 ul{
   margin: 0 0 5px 21px;
   padding: 0 ;
}
#mer_04 ul li {
   margin: 0 ;
   padding: 8px 0 0 0;
   line-height: 1.4;
   border-bottom: #999999 1px dotted;
}
#mer_04 ol{
   margin: 0 0 5px 35px;
   padding: 0 0 0 10px;
}
#mer_04 ol li {
   margin: 0 0 5px 0;
   padding: 0;
   line-height: 1.4;
   border-bottom: #999999 1px dotted;
}
/*========== 会社概要 ==========*/
#main table.table-profile {
   border-collapse: collapse;
   width: 100%;
   margin: 0 0 10px 0;
   line-height: 1.4;
}
#main table th.t_top {
   width: 100px;
}
#main .table-profile th {
   border-bottom: #999999 1px dotted;
   text-align: left;
   padding: 9px 0 9px 14px;
   font-weight: bold;
   background-color: #f3f3f3;
}
#main .table-profile td {
   border-bottom: #999999 1px dotted;
   text-align: left;
   padding: 9px 0 9px 14px;
}

/*========== お問い合わせ（全体） ==========*/
#main .table_inquiry {
   border-collapse: collapse;
   width: 50%;
   margin: 0;
   padding: 0;
   line-height: 1.4;
   border: solid 1px  #ddd;
}
#main .table_inquiry tr td {
   white-space: nowrap;
   padding: 5px;
   font-size: 14px;
   text-align: left;
   border: 1px solid #ddd;
   vertical-align: middle;
}
#main .table_inquiry tr td p {
   margin: 0;
   padding: 10px 0;
   text-align: left;
   color: #ff0000;
}
/*========== アコーディオン ==========*/
#accordion-b {
	width:100%;
}
#main dl {
	padding-top: 10px;
}

#accordion-b dd {
	margin:0 0 5px 10px;
	padding: 0 0 15px 0;
	border-left: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}
#accordion-b dd p {
	margin: 0;
	padding-left: 8px; 
}

#accordion-b dt {
	height:auto;
	line-height:1.2;
	margin-bottom: 10px;
	border-left: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}
#accordion-b dt.active {
	background-repeat: no-repeat;
	text-decoration: none;
	color: #333333;
	border:none;
}
#accordion-b .ac_dt {
	width:100%;
	padding-left:5px;
	color:#0078ca;
	text-decoration: none;
	cursor:pointer;
}
#accordion-b .ac_dt.dt_hover {
	color: #0078ca;
	text-decoration: underline;
	background-repeat: no-repeat;

}


#accordion-b div {
	margin:0 0 5px 0;
	height: 235px;
	border-left: solid 1px #0078ca;
	border-bottom: solid 4px #0078ca;
}

#accordion-b h2 {
	height:14px;
	background-image: none;
	margin-bottom: 1px;
}
#accordion-b h2.active {
	background-image: url(images/accordion_back_after.gif);
	background-repeat: repeat-x;
}
#accordion-b .accordion_head2 {
	width:100%;
	padding-left:10px;
	background-image: url(images/accordion_back.gif);
	background-repeat: repeat-x;
	color:#333333;
	cursor:pointer;
}
#accordion-b .accordion_head2.title-hover {
	background-image: url(images/accordion_back_hover.gif);
	background-repeat: repeat-x;
	color: #3399cc;
}
#accordion-b .ar_left {
   width: 280px;
   height: 225px;
   float: left;
   padding: 5px 9px 5px 5px;
   border: none;
}
#accordion-b .ar_left p {
   padding: 0;
   text-align: center;
   font-size: 15px;
   margin: auto 0;
}
#accordion-b .ar_left img {
   text-align: left;
}
#accordion-b .ar_right{
   padding: 5px; 
   width: 470px;
   height: 225px;
   float: right;
   border: none;
}
#accordion-b .ar_right h3{
   padding: 0 0 10px 0; 
   margin: 0;
}
#accordion-b .ar_right p {
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 1.4;
}
#accordion-b .ar_right p.acp_01 {
	margin-bottom: 10px;
}
/*========== アラート ==========*/
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: #fff;
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background: #fff;
}

#popup_content.confirm {
	background: #fff;
}

#popup_content.prompt {
	background: #fff;
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

.info{
   margin: 10px;
   padding: 5px;
   border: 2px solid #000000;
   text-align: center;
}