/* CSS Document */
body {
	font:"ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	background: #FCF8EF url(img/back.jpg) repeat-y center;
	margin: 0px;
	padding: 0px 0px 0px;
	line-height:120%;
	font-size:14px;
	height: auto;
	border-style: none;
	top: 100px;
	-webkit-text-size-adjust: 100%;
}

img {
	border:0px;
}
#wrapper {
	width: 740px;
	margin: 0px auto;
	padding: 8px 0px 0px;
	background: url(img/head_line.gif) repeat-x top;
}
#main{
	clear: both;
	padding: 0px 0px;
	width: 740px;
}

/*=== フォント ==================================================*/
p {
	margin:0px;
	padding:0px;
}
h1 {
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration:underline;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 12px 0px 0px 30px;
	color:#FFFFFF;
	margin: 0px;
}
.f_bl {
	color: #990000;
}
.f_g1 {
	color: #336600;
}
.f_g2 {
	color: #339900;
}
.f_br {
	font-weight: bolder;
	color: #660000;
}
.f_r {
	color:#FF0000;
}
.f_u1 {
	text-decoration:underline;
	color:#003399;
}
.close {
	text-decoration:line-through;
}



/*=== ヘッダー ==================================================*/
#header {
	width: 720px;
	border-bottom: 3px solid #333333;
	padding: 0px 0px 1px;
	height: 76px;
	margin: 0px;
	position:relative;
}



/*=== ナビゲーション ==================================================*/
#navi_r {
	margin: 0px;
	padding: 0px;
	float: right;
}
#navi_l {
	float: left;
	margin: 0px;
	padding: 5px 0px 0px;
	text-align: left;
}
#navi_r ul {
	margin: 38px 0px 0px 0px;
	text-align: right;
	padding:0px

}
#navi_r li {
	display:inline;
	list-style: none;
	padding:0px 0px 0px 8px;
	margin:0px
}
#navi_bar {
	clear:both;
	width: 720px;
	border:2px solid #333333;
	margin: 0px;
	padding: 0px;
}



/*=== メニュー ==================================================*/
#menu{
	width:720px;
	height: 130px;
	margin: 8px 4px;
}
#new_menu{
	width:720px;
	height: 150px;
	margin: 8px 4px;
}
#menu_list {
	background: url(img/menu.gif) no-repeat;
	float: left;
	width: 388px;
	text-align: left;
	}
#new_menu_list {
	background: url(img/new_menu.gif) no-repeat;
	float: left;
	width: 388px;
	text-align: left;
}
#menu_advt {
	float: right;
	padding-top: 8px;
}


#menu_advt2 {
	float: right;
	padding-top: 10px;
}

#new_menu_advt {
	float: right;
	padding-top: 30px;
}

#new_menu_advt2 {
	float: right;
	padding-top: 8px;
	padding-right: 15px;
}
.contents_number {
	padding: 3px 5px 3px 14px;
}



/*=== タイトルバー ==================================================*/
#title_bar1 {
	background: url(img/title_bar1.jpg) no-repeat;
	height: 35px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}
#title_bar2 {
	background: url(img/title_bar2.jpg) no-repeat;
	height: 35px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}
#title_bar3 {
	background: url(img/title_bar3.jpg) no-repeat;
	height: 35px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}

#title_bar4 {
	background: url(img/title_bar4.jpg) no-repeat;
	height: 36px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}

#title_bar5 {
	background: url(img/title_bar5.jpg) no-repeat;
	height: 35px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}

#title_bar6 {
	background: url(img/title_bar6.jpg) no-repeat;
	height: 35px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}


#title_bar51 {
	background: url(img/title_bar51.gif) no-repeat;
	height: 36px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}

/*=== タイトルバー（ひらもん） ==================================================*/
#htitle_bar1 {
	background: url(no93.5/img/title_bar1.jpg) no-repeat;
	height: 35px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}
#htitle_bar2 {
	background: url(no93.5/img/title_bar2.jpg) no-repeat;
	height: 35px;
	text-align: left;
	margin: 0px 0px 0px;
	width: 720px;
	clear: both;
}
#htitle_bar3 {
	background: url(no93.5/img/title_bar3.jpg) no-repeat;
	height: 35px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}

#htitle_bar4 {
	background: url(no93.5/img/title_bar4.jpg) no-repeat;
	height: 36px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}

#htitle_bar5 {
	background: url(no93.5/img/title_bar5.jpg) no-repeat;
	height: 35px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}

#htitle_bar6 {
	background: url(no93.5/img/title_bar6.jpg) no-repeat;
	height: 35px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}

/*=== タイトルバー２ ==================================================*/
#gtitle_bar1 {
	background: url(img/title_bar1.jpg) no-repeat;
	height: 35px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}
#gtitle_bar2 {
	background: url(img/title_bar2.jpg) no-repeat;
	height: 35px;
	text-align: left;
	margin: 0px 0px 0px;
	width: 720px;
	clear: both;
}
#gtitle_bar3 {
	background: url(img/title_bar3.jpg) no-repeat;
	height: 35px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}

#gtitle_bar4 {
	background: url(img/title_bar4p.jpg) no-repeat;
	height: 36px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}

#gtitle_bar5 {
	background: url(img/title_bar5_2.jpg) no-repeat;
	height: 35px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}

/*=== newタイトルバー ==================================================*/
#new_title_bar1 {
	background: url(img/new_title_bar1.gif) no-repeat;
	height: 30px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}
#new_title_bar2 {
	background: url(img/new_title_bar2.gif) no-repeat;
	height: 30px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}
#new_title_bar3 {
	background: url(img/new_title_bar3.gif) no-repeat;
	height: 30px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
	padding-bottom: 0px;
}
#new_title_bar4 {
	background: url(img/new_title_bar4.gif) no-repeat;
	height: 30px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}
#new_title_bar5 {
	background: url(img/new_title_bar5.gif) no-repeat;
	height: 30px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}
#new_title_bar6 {
	background: url(img/new_title_bar6.gif) no-repeat;
	height: 30px;
	text-align: left;
	width:720px;
	margin: 0px;
	clear: both;
}

/*=== プレゼント ==================================================*/


#deadline1 {
	padding-top: 110px;
	font-size: 15px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
#present_caption {
	line-height: 130%;
	font-weight: bolder;
	color: #660000;
	padding-top: 8px;
	padding-bottom: 6px;
}
#present_bt {
	padding-top:215px;
	margin: 0px auto;
	width: 312px;
}
#present_bt span {
	display:none;
}
#present_bt a {
	background: url(img/present_bt.jpg) no-repeat center center;
	height: 55px;
	width: 312px;
	display: block;
	
}
#present_bt a:hover {
	background: url(img/present_bt_on.jpg) no-repeat center center;

}


/*=== プレゼント2443 ==================================================*/


#deadline1 {
	padding-top: 110px;
	font-size: 15px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
#present_caption {
	line-height: 130%;
	font-weight: bolder;
	color: #660000;
	padding-top: 8px;
	padding-bottom: 6px;
}
#present_bt2443 {
	padding-top:240px;
	margin: 0px auto;
	width: 312px;
}
#present_bt2443 span {
	display:none;
}
#present_bt2443 a {
	background: url(img/present_bt.jpg) no-repeat center center;
	height: 55px;
	width: 312px;
	display: block;
	
}
#present_bt2443 a:hover {
	background: url(img/present_bt_on.jpg) no-repeat center center;

}



/*=== プレゼント50 ==================================================*/


#deadline1 {
	padding-top: 110px;
	font-size: 15px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
#present_caption {
	line-height: 130%;
	font-weight: bolder;
	color: #660000;
	padding-top: 8px;
	padding-bottom: 6px;
}
#present_bt50 {
	padding-top:190px;
	margin: 0px auto;
	width: 312px;
}
#present_bt50 span {
	display:none;
}
#present_bt50 a {
	background: url(img/present_bt.jpg) no-repeat center center;
	height: 55px;
	width: 312px;
	display: block;
	
}
#present_bt50 a:hover {
	background: url(img/present_bt_on.jpg) no-repeat center center;

}



/*=== プレゼント51 ==================================================*/


#deadline1 {
	padding-top: 110px;
	font-size: 15px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
#present_caption {
	line-height: 130%;
	font-weight: bolder;
	color: #660000;
	padding-top: 8px;
	padding-bottom: 6px;
}
#present_bt51 {
	padding-top:308px;
	margin: 0px auto;
	width: 311px;
}
#present_bt51 span {
	display:none;
}
#present_bt51 a {
	background: url(img/present_bt.jpg) no-repeat center center;
	height: 55px;
	width: 312px;
	display: block;
	
}
#present_bt51 a:hover {
	background: url(img/present_bt_on.jpg) no-repeat center center;

}


/*=== プレゼント52 ==================================================*/


#deadline1 {
	padding-top: 110px;
	font-size: 15px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
#present_caption {
	line-height: 130%;
	font-weight: bolder;
	color: #660000;
	padding-top: 8px;
	padding-bottom: 6px;
}
#present_bt52 {
	padding-top:215px;
	margin: 0px auto;
	width: 311px;
}
#present_bt52 span {
	display:none;
}
#present_bt52 a {
	background: url(img/present_bt.jpg) no-repeat center center;
	height: 55px;
	width: 312px;
	display: block;
	
}
#present_bt52 a:hover {
	background: url(img/present_bt_on.jpg) no-repeat center center;

}

/*=== プレゼント60 ==================================================*/


#deadline1 {
	padding-top: 110px;
	font-size: 15px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
#present_caption {
	line-height: 130%;
	font-weight: bolder;
	color: #660000;
	padding-top: 8px;
	padding-bottom: 6px;
}
#present_bt60 {
	padding-top:293px;
	margin: 0px auto;
	width: 311px;
}
#present_bt60 span {
	display:none;
}
#present_bt60 a {
	background: url(img/present_bt.jpg) no-repeat center center;
	height: 55px;
	width: 312px;
	display: block;
	
}
#present_bt60 a:hover {
	background: url(img/present_bt_on.jpg) no-repeat center center;

}

/*=== プレゼント87 ==================================================*/


#deadline1 {
	padding-top: 600px;
	font-size: 15px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
#present_caption {
	line-height: 130%;
	font-weight: bolder;
	color: #660000;
	padding-top: 8px;
	padding-bottom: 6px;
}
#present_bt87 {
	padding-top:570px;
	margin: 0px auto;
	width: 311px;
}
#present_bt87 span {
	display:none;
}
#present_bt87 a {
	background: url(img/present_bt.jpg) no-repeat center center;
	height: 55px;
	width: 312px;
	display: block;
	
}
#present_bt87 a:hover {
	background: url(img/present_bt_on.jpg) no-repeat center center;

}

/*=== プレゼント100 ==================================================*/


#deadline1 {
	padding-top: 326px;
	font-size: 15px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
#present_caption {
	line-height: 130%;
	font-weight: bolder;
	color: #660000;
	padding-top: 8px;
	padding-bottom: 6px;
}
#present_bt100 {
	padding-top:296px;
	margin: 0px auto;
	width: 311px;
}
#present_bt100 span {
	display:none;
}
#present_bt100 a {
	background: url(img/present_bt.jpg) no-repeat center center;
	height: 55px;
	width: 312px;
	display: block;
	
}
#present_bt100 a:hover {
	background: url(img/present_bt_on.jpg) no-repeat center center;

}




/*=== 無料PR広告募集 ==================================================*/
#pr_advt {
	background: url(img/pr_advt.gif) no-repeat;
	height: 110px;
	width: 681px;
	padding: 78px 0px 0px;
	margin: 10px 19px 10px 0px;
	text-align: center;
}
#pr_advt p {
	margin: 0px auto 0px;
	width: 600px;
	text-align: left;
	line-height: 140%;
}



/*=== メルマガ解除 ==================================================*/
#cancel {
	background: url(img/cancel.gif) no-repeat;
	margin: 20px 20px;
	padding: 0px;
	height: 82px;
	width: 602px;
	line-height: 160%;
	text-align: center;
}
#cancel p {
	padding: 6px 0px;
}

#cancel img:hover {
			opacity: 0.5 ;
		}

/*=== 発行元 ==================================================*/
.writer {
	padding: 6px;
	width: 600px;
	border: 1px solid #CCCCCC;
	margin-bottom: 15px;
	text-align: left;
	margin-top: 15px;
}

.writer img {
	float: left;
	margin: 0px;
	padding: 0px 20px 0px 10px;
}

.writer img:hover {
			opacity: 0.5 ;
		}



/*=== フッター ==================================================*/
#footer li {
	display: inline;
	list-style: none;
}
#footer {
	background: url(img/head_line.gif) repeat-x;
	padding-top: 0px;
	padding-bottom: 5px;
}
#footer ul {
	padding-top: 15px;
	margin: 0px;
	padding-bottom: 8px;
}



/*=== フォーム ==================================================*/
.form_box {
	background: #cccccc;
	text-align:left;
	margin-bottom: 10px;
}
.form_l {
	background: #eeeeee;
}
.form_r {
	background: #FFFFFF;
}
#thanks {
	height: 185px;
}
#thanks_title {
	font-size: 16px;
	font-weight: bolder;
	margin-top: 50px;
	margin-bottom: 20px;
	color: #dd0000;
}
.err {
	font-size: 16px;
	font-weight: bolder;
	color: #FF0000;
	margin:20px 0px 20px 0px;
}
#deadline2 {
	font-size: 14px;
	font-weight: bolder;
	color: #FF0000;
	margin: 5px 0px 6px;
}
#check {
	font-size:16px;
	font-weight:bold;
	color:#0066CC;
	margin:20px 0px 20px 0px;
}



/*=== コンテンツ ==================================================*/
.contents {
	margin: auto;
	width: 650px;
	padding: 18px 0px;
}
.contents p {
	line-height: 140%;
	text-align: left;
	padding: 0px 0px 1em;
}
.sub1 {
	color: #0C4E67;
	padding: 4px 0px 3px 8px;
	margin: 0px 0px 10px;
	font-size:14px;
	border-bottom: 1px solid #cccccc;
	border-left:6px solid #093C4F;
	text-align:left;
}
.sub2 {
	color: #466217;
	padding: 4px 0px 3px 8px;
	margin: 0px 0px 10px;
	font-size:14px;
	border-bottom: 1px solid #cccccc;
	border-left:6px solid #3A5214;
	text-align:left;
}
.sub3 {
	color: #663300;
	padding: 4px 0px 3px 8px;
	margin: 0px 0px 10px;
	font-size:14px;
	border-bottom: 1px solid #cccccc;
	border-left:6px solid #663300;
	text-align:left;
}
.sub4 {
	color: #460e44;
	padding: 4px 0px 3px 8px;
	margin: 0px 0px 10px;
	font-size:14px;
	border-bottom: 1px solid #cccccc;
	border-left:6px solid #460e44;
	text-align:left;
}
.interview {
	font-weight: bold;
	color: #CC6600;
	line-height: 200%;
}
.line1 {
	height: 1px;
	border: 1px dotted #CCCCCC;
	clear: both;
}
.inner {
	clear: both;
	padding: 0px 0px 3px;
}
.title_box {
	padding-top: 10px;
	padding-bottom: 15px;
}



/*=== バックナンバー ==================================================*/
#backnumber {
	text-align: left;
	padding: 5px 150px 50px;
}
#backnumber p {
	padding-top:1em;
}
.backnumber_list {
	background-color:#FFFFFF;
	width:600px;
	text-align: left;
	margin-top: 15px;
}
.backnumber_list th {
	background-color: #3E611B;
	color: #FFFFFF;
}
.backnumber_list .row1 {
	background-color:#FDFCE1;
}
.backnumber_list .row2 {
	background-color:#E3ECB0;
}
.backnumber_list a:link {
	color:#003300;
}
.backnumber_list a:visited {
	color:#660066;
}
.backnumber_list a:hover {
	color:#006699;
}
.pho_left {
	padding-right: 15px;
}
.pho_right {
	padding-left: 10px;
}
.contents h4 {
}
.case_name {
	margin-bottom: 15px;
}
.f_dr {
	color: #CC0000;
}
#prize {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.f10 {
	font-size: 10px;
	line-height: 120%;
}

.pho_caption {
	color: #996600;
	text-align: center;
}
#case_photo {
	margin-bottom:1em;
}


/*=== 展示会告知 ==================================================*/

#exhibition {
	margin: 0px;
	padding: 0px;
	text-align:center;
}
#exhibition li {
	background: url(../images/exhibition/arrow.gif) no-repeat left center;
	display: inline;
	margin: 0px 5px;
	padding-left: 10px;
	list-style: url(none) none;
}
#exhibition a:link {color:#003399;text-decoration:underline;}
#exhibition a:visited {color:#003399;text-decoration:underline;}
#exhibition a:hover {color:#FF6600;text-decoration:underline;}

/*=== 162号スライド ==================================================*/

#css-slider {
	width: 650px;
	height: 642px;
	overflow: hidden;
}
 
.slide-item {
	width: 650px;
	height: 642px;
	float: left;
	position: relative;
}
 
 
.cp_cssslider {
width: 650px;
height: 642px;
overflow: hidden;
margin: 2em auto;
border: 10px solid #ffffff;
box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
}
.cp_slide_item {
width: 650px;
height: 642px;
float: left;
position: relative;
}
.cp_slidewrapper {
width: 1100%;/* slideの枚数×100% */
position: relative;
left: 0;
animation: slider 30s infinite ease;/* スピード */
}
@-webkit-keyframes slider {
/* 100%を枚数で割った%に割り振る */
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
9.09% {
-webkit-transform: translateX(-650px);
transform: translateX(-650px);
}
18.18% {
-webkit-transform: translateX(-1300px);
transform: translateX(-1300px);
}
27.27% {
-webkit-transform: translateX(-1950px);
transform: translateX(-1950px);
}
36.36% {
-webkit-transform: translateX(-2600px);
transform: translateX(-2600px);
}
45.45% {
-webkit-transform: translateX(-3250px);
transform: translateX(-3250px);
}
54.54% {
-webkit-transform: translateX(-3900px);
transform: translateX(-3900px);
}
63.63% {
-webkit-transform: translateX(-4550px);
transform: translateX(-4550px);
}
72.72% {
-webkit-transform: translateX(-5200px);
transform: translateX(-5200px);
}
81.81% {
-webkit-transform: translateX(-5850px);
transform: translateX(-5850px);
}
90.9% {
-webkit-transform: translateX(-6500px);
transform: translateX(-6500px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slider {
/* 100%を枚数で割った%に割り振る */
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
9.09% {
-webkit-transform: translateX(-650px);
transform: translateX(-650px);
}
18.18% {
-webkit-transform: translateX(-1300px);
transform: translateX(-1300px);
}
27.27% {
-webkit-transform: translateX(-1950px);
transform: translateX(-1950px);
}
36.36% {
-webkit-transform: translateX(-2600px);
transform: translateX(-2600px);
}
45.45% {
-webkit-transform: translateX(-3250px);
transform: translateX(-3250px);
}
54.54% {
-webkit-transform: translateX(-3900px);
transform: translateX(-3900px);
}
63.63% {
-webkit-transform: translateX(-4550px);
transform: translateX(-4550px);
}
72.72% {
-webkit-transform: translateX(-5200px);
transform: translateX(-5200px);
}
81.81% {
-webkit-transform: translateX(-5850px);
transform: translateX(-5850px);
}
90.9% {
-webkit-transform: translateX(-6500px);
transform: translateX(-6500px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}