@charset "Shift_JIS";

/*header------------------------------------------------*/

#tt {	width: 800px;}

#header {
	clear: both;
	width: 800px;
	padding: 0px;
	margin: 0px auto;
	background-color: #fff;
	text-align: left;
	color: #333333;
	font-size:100%;
	border-bottom: 5px solid #fff;
}

p#head_help { text-align:right; padding:0; margin:0; 	color: #006EBB;}
#head_logo { background: #fff;}
.logo {	margin: 0 0 10px 0;	float: left;}
.copy {	margin: 25px 0 5px 0; float: right; padding: 0;	text-align: right;}

p#head_help a:link {	color: #006EBB; text-decoration: none;	}
p#head_help a:visited {	color: #800080; text-decoration: none;	}
p#head_help a:hover {	color: #006EBB; text-decoration: underline;	}
p#head_help a:active { color: #006EBB; text-decoration: underline;	}
p#head_help a:focus { color: #006EBB;  text-decoration: underline;	}


body { background: #fff;}

#container {
	clear: both;
	width: 800px;
	padding: 0px;
	margin: 0px auto;
	background-color: #fff;
	text-align: left;
	color: #333333;
	font-size:100%;
	position:relative;
}

#container p,dl,ol,td,th {letter-spacing: 0.02em; line-height: 150%; }
.clear { clear:both;}
.mp0 { margin: 0; padding: 0; }
.mp10 { margin-top: 10px; padding: 0; }
.f_left { float: left; margin-right: 10px; }

#container a:link {	color: #0099CC; text-decoration: underline;	}
#container a:visited {	color: #800080; text-decoration: underline;	}
#container a:hover {	color: #0099CC; text-decoration: none;	}
#container a:active { color: #0099CC; text-decoration: none;	}
#container a:focus { color: #0099CC;  text-decoration: none;	}

/* �O���[�o���i�r ------------------------------------------------------ */
.text {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.8;
	font-size: 14px;
}

.top {
	text-align: left;
	border-style: solid;
	border-width: 10px;
	border-top-color: #cce6ff;
	border-bottom-color: #cce6ff;
	border-left: none;
	border-right: none;
	padding: 6px;
}

.top h1 {
	display: inline-block;
}

.top1 p{
	text-align: left;
	font-size: 14px;
}

.top1 img{
	margin-top: 10px;
	width: 100%;
}

h3 {
	font-size: 17px;
	border-bottom:solid;
	border-color:#111;
	border-width:2px;
}

ul.grey li{
	list-style-position: inside;
	list-style-image: url(../fpoint_1A.png);
	margin-top: 10px;
	margin-bottom: 10px;
}

#news {
	width: 90%;
}

#news table{
	font-size: 14px;
	line-height: 2em;
}

.boxLeft {
	display: inline-block;
	width: 75%; 
	text-align: left; 
}

.imgRight {
	display: inline-block;
	float: right;
}

.imgRight img{
	width: 200px;
}

.imgRight1{
	width: 250px;
	text-align: center;
}

.imgRight2{
	width: 280px;
	text-align: center;
}

.imgLeft {
	display: inline-block;
	float: left;
}

#nav_gr {
	clear: both;
}

#nav_gr ul {
	margin: 0;
	padding: 0;
}

#nav_gr li {
	list-style-type: none;
	float: left;
	text-align: center;
	font-weight:bold;
}

#nav_gr li a {
	width: 160px;
	height: 30px;
}
/*-------------------------*/
#photo {
	width: 800px;
	height: 243px;
	margin:0 0 7px 0;
	padding: 120px 0 0 425px;
	border-top: 4px solid #E4E4E4;
	border-bottom: 4px solid #E4E4E4;
	background: url(../img_top/topimg.jpg);
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 375px;
	height: 115px;
}

html>body #photo {
	width: 375px;
	height: 115px;
}


/*�������t�B���^--W3C�񐄏��B��֎�i��T���K�v�L*/
p#concept,p#location {
	background: #fff;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	margin:0;
	color:#666666;
}
p#concept {
	width: 365px;
	height: 65px;
	padding: 10px;
	font-weight:bold;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 345px;
	height: 45px;
}

html>body p#concept {
	width: 345px;
	height: 45px;
}
p#location {
	width: 365px;
	padding: 0 10px 10px 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 345px;
}

html>body p#location {
	width: 345px;
}


/* �s�b�N�A�b�v�E�����N���b�N */
#pod { width: 100%;}
#info_pod {	width: 570px; float: left;}


/*���𗧂����E�s�b�N�A�b�v*/

#pickup { width: 100%;}
#useful { width: 100%; margin-bottom: 10px;}

#useful p { margin: 5px 0 0 0; padding:0;}

h2#t_pickup, h2#t_useful {
	margin:0;
	padding:5px 0;
	border-top:4px solid #666666;
	background: url(../img_top/line_570.gif) no-repeat bottom;
}

.bunner { margin:5px 0; padding:0;}
.f_left_b { float:left; margin-right: 5px;}


/*���[���}�K�W��*/

#melma_pod {
	width: 570px;
	padding: 14px;
	background: #F3F3F3;
	border: 1px solid #CCCCCC;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:540px;
}

html>body #melma_pod {
	width:540px;
}

#melma_pod p,#melma_pod h2 {margin:0; padding:0;}
ul.melma_list {margin:0 0 5px 20px; padding:0;}

p#melma_text {letter-spacing: 0.02em; line-height: 130%;}

/* �����N���b�N */
#oneclick_pod {
	width: 210px;
	margin-left:20px;
	float: left;
	background: #F3F3F3;
	position:relative;
}

#oneclick_pod p { line-height:120%;}

.o_pod_list { padding: 10px;} 
.img_bdr { border:1px solid #0073BD; float:left; margin-right: 5px;}

#t_oneclick,#t_other_pro {margin:0; padding:0;}
#t_other_pro { color:#006EBB; } 

#oneclick_pod ul { margin:0; padding:0; line-height: 120%;}
#oneclick_pod li { margin:0; padding:0; list-style: none;}
#oneclick_pod h3.group { font-weight:bold; color:#999999; margin:0; padding:0; line-height: 200%;}

#oneclick_pod a:link {	color: #0099CC; text-decoration: none;	}
#oneclick_pod a:visited {	color: #800080; text-decoration: none;	}
#oneclick_pod a:hover {	color: #0099CC; text-decoration: underline;	}
#oneclick_pod a:active { color: #0099CC; text-decoration: underline;	}
#oneclick_pod a:focus { color: #0099CC;  text-decoration: underline;	}

/*���i�ꗗ------------------------------------------------*/
.page_top { text-align:right; clear: both; margin-bottom:0; padding-bottom:0;}
#pannav {
	width: 800px;
	height: 17px;
	text-indent: 15px;
	margin: 0px;
	padding: 0px;
	background-color: #EEEEEE;
}
#title {
	width: 800px;
	height: 88px;
	padding:0px;
	margin:0px;
	background: url(../csc%20bland/img/list_title.jpg) no-repeat;
	border-top: 4px solid #E4E4E4;
	border-bottom: 4px solid #E4E4E4;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 80px;
}

html>body #title {
	height: 80px;
}
.itemline {
	width: 800px;
	height: 100%;
	clear: both;
	display: block;
}
.categ {
	background: url(../csc%20bland/img/top_line.gif) #FFFFFF no-repeat;
	width: 364px;
	padding: 4px 0px 0px;
	margin: 12px;
	float: left;
}
.c_left {
	float: left;
	margin: 0;
	padding: 0x;
}
.c_right {
	float: right;
	margin: 0;
	padding: 0;
}
.c_comm {
	width: 226px;
	padding: 0;
	margin: 0 0 0 8px;
	color: #666666;
}

ul.c_link {
	width: 364px;
	margin: 0px;
	padding: 10px;
	clear: both;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 344px;
}

html>body ul.c_link {
	width: 344px;
}

.c_link li {
	margin-top: 5px;
}
.c_bottom {
	width: 364px;
	height: 3px;
	background: url(../csc%20bland/img/bottom_line.gif) no-repeat;
	clear: both;
	margin-top: 5px;
}

.hov-bright {
	transition: filter 0.1s ease;
	filter: brightness(1.0); /* デフォルト値なのでこの一行は省略してもOK */
  }

  .hov-bright:hover {
	filter: brightness(1.10); /* 明るくする */
  }


/*foot------------------------------------------------*/

#foot {
	clear: both;
	width: 800px;
	margin: 10px auto 0px auto;
	padding: 5px 0 0 0;
	text-align: left;
	background-color: #fff;
	color: #333333;
	font-size:100%;
	border-top: 1px solid #CCCCCC;
}

#foot p,dl,ol,td,th {
	letter-spacing: 0.6;
	line-height: 1.5;
}

.f_right { float:right;}

#foot p { margin: 0; padding: 0; }
#foot ul { margin: 0; padding: 0; color: #006EBB; line-height: 1.5;}
#foot li { display:inline; }
#foot li a { text-decoration: none;	}

#foot a:link {	color: #006EBB; text-decoration: none;	}
#foot a:visited {	color: #800080; text-decoration: none;	}
#foot a:hover {	color: #006EBB; text-decoration: underline;	}
#foot a:active { color: #006EBB; text-decoration: underline;	}
#foot a:focus { color: #006EBB;  text-decoration: underline;	}

/*スマホ*/
@media all and (max-width: 920px) {
	#header {width:100%;}
	#f_body {width:96%;}
	#f_address{width:100%}
	#gl_nav ul {width:100%;}
	#container_new{width:96%}
	#foot{width:100%}
	img{max-width:100%}
	#gl_nav ul {height:auto;}
	#f_body{margin: 0 auto 0;}

.boxFlex {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
}

.pict {
  display:block;
  margin-left: 3%;
}

.boxLeft {
	width: 100%; 
	display: block;
}

.imgLeft {
	display: block;
}

.boxRight {
	width: 100%; 
	display: block;
	float: none;
}

.imgRight {
	float: none;
	text-align: center;
}

.imgTextImg {
  display:block;
  float:none;
}

.imgText p {
  display:block;
}

}

/*スマホここまで*/