@charset "shift_jis";
/* CSS Document */


/* 全共通 */


* {
	margin:0;
	padding:0;
}

img {
	border:0;
	margin:0;
	padding:0;
}

a {
	color:#666666;
	text-decoration:none;
}

a:active {
      text-decoration:none;
}

a:hover {
	color:#007fff;
	text-decoration:underline;
}

.clear {
	clear:both;
}

body {
	color:#666666;
	font-family:bold;
	font-size:12px;
	background:url(img/base.jpg) repeat-x;
	line-height:150%;
}



#wrap0 {
	width:865px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}

#wrap {
	width:865px;
	margin-left:auto;
	margin-right:auto;
	
}


#message {
	text-align:left;
	height:15px;
	color:#666666 ;
	font-size:11px;
	background:#FFFFFF;

}


#header {
	height:40px;
	background:url(img/header.jpg) no-repeat;

	}

h1, h1 a {
	width:270px;
	height:28px;
	text-indent:-9999px;
	float:left;
}

/*-----クイックリンク-----*/

.media2 {
	font-size:10px;
	margin:0 auto 0 auto;	
	text-align:right;
	color:#8080ff;

}


/* グローバルナビゲーション */

#navi {
	width:865px;
	height:40px;
	background:url(img/g-navi.jpg) no-repeat;
}

#navi li {
	text-indent:-9999px;
	height:40px;
	list-style:none;
	float:left;
	clear:right;
	}


#home ,#home a {
	width:120px;
	height:40px;
	display:block;
	}

#home a:hover {
	width:120px;
	height:40px;
	display:block;
	background:url(img/g-navi.jpg) 0px -40px no-repeat;
}

#concept ,#concept a {
	width:125px;
	height:40px;
	display:block;
}

#concept a:hover {
	width:125px;
	height:40px;
	display:block;
	background:url(img/g-navi.jpg) -120px -40px no-repeat;
}

#service ,#service a {
	width:125px;
	height:40px;
	display:block;
}

#service a:hover {
	width:125px;
	height:40px;
	display:block;
	background:url(img/g-navi.jpg) -245px -40px no-repeat;
}

#company ,#company a {
	width:125px;
	height:40px;
	display:block;
}

#company a:hover {
	width:125px;
	height:40px;
	display:block;
	background:url(img/g-navi.jpg) -370px -40px no-repeat;
}

#topics ,#topics a {
	width:125px;
	height:40px;
	display:block;
}

#topics a:hover {
	width:125px;
	height:40px;
	display:block;
	background:url(img/g-navi.jpg) -495px -40px no-repeat;
}

#contact ,#contact a {
	width:125px;
	height:40px;
	display:block;
}

#contact a:hover {
	width:125px;
	height:40px;
	display:block;
	background:url(img/g-navi.jpg) -620px -40px no-repeat;
}

#link2 ,#link2 a {
	width:120px;
	height:40px;
	display:block;
}

#link2 a:hover {
	width:120px;
	height:40px;
	display:block;
	background:url(img/g-navi.jpg) -745px -40px no-repeat;
	
}

	

/* コンテンツ */


#content {
	width:849px;
	background:#FFFFFF;
	padding:8px 8px 8px 8px;
}

#content2 {
	width:849px;
	background:#33ccff;
	padding:8px 8px 8px 8px;
}

/* コンテンツ書き換え、左右逆表示 */
#right {
	width:640px;
	padding-left:0px;
	float:left;
	padding-right: 9px;
}

#left {
	padding-left:6px;
	float:right;
	background-image:url(img/bg1.jpg);
	
}

/* ローカルナビゲーション */

.localnavi { font-size: 110%; }

.localnavi dl {
  width: 100%;
  margin: 0 ;
  padding: 0;
}

/* タイトル部分 */
.localnavi dt {
  font-weight: bold;
  margin: 0;
  padding: 0 ;
}

.localnavi dd {
  line-height: 1;
  display: inline;
  margin: 0;
  padding: 0;
}

.localnavi a {
  text-decoration: none;
  display: block;
  overflow: hidden;
  width: 175px;
  height: 29px;
  padding: 14px 0 0 15px;
  background: url(img/localnavi.gif) no-repeat 0 0;
  color: #666666;
}

.localnavi a:hover {
  text-decoration: none;
  background: url(img/localnavi.gif) no-repeat -190px 0;
  color: #003399;
}

.box-top {
	width:190px;
	height:18px;
	background:url(img/box-top.gif);
}

.box-c {
	width:190px;
	height:41px;
	background:url(img/mmb/box-c.gif);
}


.box-top-r {
	width:190px;
	height:35px;
	background:url(img/mb-r.gif);
}


.box-middle {
	width:160px;
	background:url(img/box-middle.gif);
	padding-left:30px;
}

.box-middle li {
	list-style:url(img/li.gif);
	line-height:20px;
}

.box-bottom {
	width:190px;
	height:18px;
	background:url(img/box-bottom.gif);
}

.box-top-r {
	width:190px;
	height:41px;
	background:url(img/mmb/box-top-r.gif);
}

.box-top-c {
	width:190px;
	height:41px;
	background:url(img/mmb/box-top-c.gif);
}

.box-top-m {
	width:190px;
	height:41px;
	background:url(img/mmb/box-media.gif);
}

.box-top-d {
	width:190px;
	height:41px;
	background:url(img/mmb/box-top-d.gif);
}

.box-top-o {
	width:190px;
	height:41px;
	background:url(img/mmb/box-top-o.gif);
}

.box-top-g {
	width:190px;
	height:41px;
	background:url(img/mmb/box-top-g.gif);
}

.box-top-t {
	width:190px;
	height:41px;
	background:url(img/mmb/box-top-t.gif);
}


/*-----コンテンツ詳細ページ用-----*/
h2 {
	padding:4px 0 4px 10px;
	font-size:16px;
	line-height:18px;
	height:36px;
	font-weight:bold;
	border-left:#7c76ae solid 8px;
	margin-bottom:10px;
}


h3 {
	padding:3px 0 4px 10px;
	font-size:14px;
	color:#003399;
	height:16px;
	font-weight:bold;
	border-left:#7c76ae solid 6px;
	border-bottom:#DDDDDD solid 1px;
	margin:16px 0 8px 30px;
	width:540px;
}

h5 {
	padding:4px 0 4px 10px;
	font-size:16px;
	line-height:18px;
	height:16px;
	font-weight:bold;
	border-left:#7c76ae solid 8px;
	margin:10px 0 0 0;
	margin-bottom:10px;
}


h6, h6 a {
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	background:url(img/b-base.gif) no-repeat;
	width:230px;
	height: 35px;
　  margin: 5px auto auto 5;
    display: block;
	padding:9px 0 5px 20px;

}


#alert {
	font-size:10px;
	color:#003399;
	margin-top:;
	width:420px;
	line-height:120%;
	text-decoration:none;
}


.text {
	margin-left:30px;
	margin-bottom:8px;
	width:580px;
}


.text00 {
	font-size:10px;
	line-height:120%;
	
}


.ten {
	width:620px;
	margin:0 auto 0 auto;
	background:url(img/t-base.jpg);
	padding:10px 8px 8px 8px;

	}

.ten2 {
	margin:15px 0 15px 30px;
	width:564px;
	background:url(img/t-base.jpg);
	padding:10px 8px 8px 8px;

	}
	
.ten3 {
	width:830px;
	margin:10px auto 15px auto;
	background:url(img/t-base.jpg);
	padding:10px 8px 8px 8px;
	}	
	
media {
	width:600px;
	font-size:10px;
	margin:0 auto 0 auto;	
	background:#ede5ff;
	color:#6859cc;
}
	

/* h3タグと組み合わせるボックス */

.media8 {
	width:560px;
	border:#b0c4de 1px solid;
	padding:10px;
	margin:0 0 0 30px;
	background:#FFFFFF;
}

.media8-j {
	width:540px;
	border:#b0c4de 1px solid;
	padding:20px;
	margin:8px 0 0 30px;
	background:#e6e6fa;	
}

.media8-j2 {
	width:540px;
	border:#4169e1 3px solid;
	padding:20px;
	margin:0 0 0 30px;
	}

.media88 {
	width:560px;
	background:#ede5ff;
	padding:10px;
	margin:8px 0 8px 30px;	

}

/* クリア */

.text1 {
	margin-bottom:8px;
	width:630px;
	}

.text04 {
	margin-left:80px;
	margin-bottom:8px;
	}

.media4 {
	width:600px;
	margin:16px 0 8px 30px;
	background:#ede5ff;
	padding:8px;
	}

.media7 {
	width:620px;
	margin:0 auto 4px 0;
    border:#b0c4de 1px solid;
	padding:8px;
	
}

.media888 {
	width:520px;
	border:#b0c4de 1px solid;
	padding:5px;
	margin:8px 0 8px 30px;	

}

/* pickupページ用 */
.media3 {
	width:780px;
	border:#b0c4de 1px solid;
	padding:8px;
	margin:8px 0 0 30px;	

}

.media33 {
	width:780px;
	margin:8px 0 0 30px;	
	background:#ede5ff;
	padding:8px;
}
	
.media40 {
	width:540px;
	margin:8px 0 8px 0;
	background:#ede5ff;
	padding:8px;
	}
	
.bar0 {	
	border-top:#0066FF solid 5px;
}	
	
.bar2 {	
	border-top:#9999FF solid 1px;
	margin:0 0 10px 0;
	}	
		
.bar {	
	border-top:#0066FF solid 8px;
}	
	
/* 以下チェック不要 */
		
	
.float
      {
         float: left;
         margin-right: 1em;
		       
}
*.floatclear
      {
         clear: both;
      }


.date {
	margin-left:50px;
	font-weight:bold;
	color:#8080ff;
}


.detail {
	margin-left:50px;
	width:500px;
}

.link {
	text-align:right;
	margin-top:16px;
}

.link3 {
	text-align:right;
	color:#0066FF;	
	margin-top:16px;
}

.insert {
	text-align:right;
}

.insert2 {
	text-align:center;
}

/* フッター */


#media {
	width:700px;
	margin:20px auto 4px auto;
	border:#DDDDDD 2px dashed;
	padding:4px;
	text-align:center;
}

#footer {
	border-top:#0066FF solid 6px;
	background:#FFFFFF;
	text-align:center;
	font-size:11px;
	padding-top:4px;
	line-height:16px;
	text-decoration:none;
}

#footer2 {
	width:865px;
	margin-left:auto;
	margin-right:auto;
	background:#FFFFFF;
	text-align:center;
	font-size:11px;
	padding-top:4px;
	line-height:16px;
	text-decoration:none;
}
	
/* お問い合わせページテーブル用 */



table.contact_table {
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
table.contact_table th {
	text-align: left;
	width: 180px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-weight: normal;
	padding:5px 0 5px 0;
}
table.contact_table td {
	width: 250px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding:5px 0 5px 0;
}
table.contact_table td td {
	border-style: none;
}
table.contact_table td.con_box01 {
	width:400px;
}
table.contact_table tr {
}
.red_l {
	color:#FF0000;
}
.red {
	color:#FF0000;
}
.gray {
	font-size:10px;
	color:#666666;
}
.FormSize_S {
	width:50px;
}
.FormSize_M {
	width:150px;
}
.FormSize_L {
	width:240px;
}