﻿<style type="text/css">
<!--
#wrapper{
width:100%;
max-width:800px;
min-width:300px;
margin:0 auto;
}
.outer{
margin:0 0 8px 0;
}
.textbox{
width:380px; /* ボックスの幅 */
padding:1px 0; /* ボックスのパディング（上下、左右） */
background-color:#ffffff; /* ボックスの背景色 */
border:1px #0f0f0f solid; /* ボックスの境界線 */
}
#search{
margin:0 0 8px 0;
}
.textbox{
width:380px; /* ボックスの幅 */
padding:1px 0; /* ボックスのパディング（上下、左右） */
background-color:#ffffff; /* ボックスの背景色 */
border:1px #0f0f0f solid; /* ボックスの境界線 */
}
#keyword{
width:290px; /* テキストボックスの幅 */
margin:0 4px 0 5px; /* テキストボックスのマージン（上右下左） */
padding:0;
background-color:#ffffff; /* テキストボックスの背景色 */
border:none; /* テキストボックスの境界線（なし） */
color:#0f0f0f;
}
#search_btn{
width:80px;  /* ボタンの幅 */
height:25px; /* ボタンの高さ */
padding:0;
background-color:#0f0f0f; /* ボタンの背景 */
border:1px #0f0f0f inset; /* ボタンの境界線 */
font-family:"Times New Roman";
font-weight:bold;
color:#ffffff;
letter-spacing:0; /* 文字間のスペース */
cursor: pointer;
}
#header{
background-color:#ffffff;
border-left:8px solid #0f0f0f;
border-bottom:1px solid #0f0f0f;
padding:0;
width:939px;
margin:8px 0 8px 0;
}
#header h2{
color:#0f0f0f;
padding:0 0 0 10px;
margin:0 0 3px 0;
font-family:""Yuji Boku", serif";
}
#header .example{
padding:0 0 0 13px;
margin:0 0 2px 0;
font-size:12px;
font-family:"シネマレター";
}
.dropmenu{
list-style-type:none; /* 先頭記号を消す */
width:948px;
height:40px;
margin:0 0 9px 0;
padding:0;
background-color:#0f0f0f;
}
.dropmenu li{
position:relative;
width:158px; /* リスト項目の幅 */
padding:0;
margin:0;
text-align:center;
float:left; /* リスト項目を横方向に並べる */
border-bottom:1px solid #ffffff;
}
.dropmenu li a{
display:block;
margin:0;
padding:11px 0 12px 0;
color:#ffffff;
font-size:16px;
font-family:"Times New Roman";
font-weight:bold;
line-height:1;
border-top:1px solid #ffffff;
border-right:1px solid #ffffff;
text-decoration:none;
}
.dropmenu li ul{
list-style-type:none; /* 2段目の先頭記号を消す */
position:absolute;
top:100%;
left:0;
margin:0;
padding:0;
z-index:100;
}
.dropmenu li ul li{
overflow:hidden;
width:100%;
height:0;
color:#ffffff;
-moz-transition:0.5s;
-webkit-transition:0.5s;

transition:0.5s;
}
.dropmenu li ul li a{
padding:13px 15px;
background-color:#2f2f2f;
text-align:center;
font-size:16px;
}
.dropmenu > li:hover > a{
background-color:#4f4f4f;
color:#ffffff;
}
.dropmenu li:hover ul li{
overflow:visible;
height:40px;
}
.dropmenu li:hover ul li:hover a{
background-color:#6f6f6f;
color:#ffffff;
}
#sideber{
margin:0 0 8px 0;
padding:0;
width:233px;
min-height:640px;
height:auto;
float:left;
background-color:#8f8f8f;
}
#sidemenu_01{
font-family:"Times New Roman";
font-weight:bold;
height:21px;
color:#ffffff;
background-color:#0f0f0f;
width:178px;
text-align:center;
margin:17px 17px -16px 17px;
padding:6px 10px 4px 10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;

border-top-left-radius:10px;
border-top-right-radius:10px;
}
#sidemenu_02{
list-style-type:none;
padding:0;
margin:16px 0 0 17px;
overflow:hidden;
position:relative;
}
#sidemenu_02 li{
width:198px; /*メニューの幅*/
background-color:#ffffff;
position:relative;
height:30px; /*メニューの高さ*/
}
#sidemenu_02 li a{
text-decoration:none;
color:#000000;
font-size:16px;
font-family:"Times New Roman";
display:block;
padding:0 10px;
height:29px;
line-height:29px;
border-left:1px solid #0f0f0f;
border-right:1px solid #0f0f0f;
border-bottom:1px solid #0f0f0f;
color:#000000;
}
#sidemenu_02 li ul{
margin:0;
padding:0;
}
#sidemenu_02 li ul li{
background-color:#ffffff;
}
#sidemenu_02 li ul li a{
color:#000000;
}
#sidemenu_02 .drop_2row:hover{
height:90px;
} 
#sidemenu_02 *{
-moz-transition:0.5s;
-webkit-transition:0.5s;

transition:0.5s;
}
#sidemenu_02 > li:hover > a{
background-color:#afafaf;
color:#000000;
}
#sidemenu_02 li:hover ul li{
overflow:visible;
}
#sidemenu_02 li:hover ul li:hover a{
background-color:#cfcfcf;
color:#000000;
}
.prad{
padding:17px 0 0 17px;
display:inline-block;
}
.prad img{
padding:0 0 17px 0;

display:block;
}
<!--
.img-responsive{
-->
}
#content{
width:706px;
height:640px;
margin:0 0 8px 8px;
float:left;
background-color:#efefef;
}
.balloon-bottom{
	position:relative;
	display:inline-block;
	padding:0 11px;
margin:17px 0 15px 17px;
width:auto;
	min-width:644px;
	height:46px;
	line-height:43px;
	color:#000000;
font-family:"Times New Roman";	
text-align:center;
	background-color:#ffffff;
	border:3px solid #0f0f0f;
	z-index:0;
-webkit-border-radius:5px;
-moz-border-radius:5px;

border-radius:5px;       
 }
.balloon-bottom:before{
	content:"";
	position:absolute;
	bottom:-8px;
        left:50%;
	margin-left:-8px;
	width:0px;
	height:0px;
	border-style:solid;
	border-width:9px 9px 0 9px;
	border-color:#ffffff transparent transparent transparent;
	z-index:0;
}
.balloon-bottom:after{
	content:"";
	position:absolute;
	bottom:-12px;
        left:50%;
	margin-left:-10px;
	width:0px;
	height:0px;
	border-style:solid;
	border-width:10px 10px 0 10px;
	border-color:#0f0f0f transparent transparent transparent;
	z-index:-1;
}
.newmark{
color:#cf1032;
font-family:"Times New Roman";
font-weight:bold;
border-style:solid;
border-width:1px;
padding:2px 4px 1px;
font-size:9px;
}
.upmark{
color:#0075df;
font-family:"Times New Roman";
font-weight:bold;
border-style:solid;
border-width:1px; 
padding:2px 4px 1px;
font-size:9px;
}
.example2{
font-size:14px;
margin:5px 0 0 20px;
font-family:"シネマレター";
}
#footer{
width:947px;
height:121px;
clear:both;
background-color:#0f0f0f;
margin:0 0 8px 0;
padding:16px 0 0 0;
}
.footnav{
list-style-type:none; /* 先頭記号を消す */
width:888px;
height:21px;
margin:0 0 9px 29px;
padding:0;
}
.footnav li{
position:relative;
width:111px; /* リスト項目の幅 */
padding:0;
margin:0;
text-align:center;
float:left; /* リスト項目を横方向に並べる */
}
.footnav li a{
display:block;
margin:0;
padding:5px 0 5px 0;
color:#ffffff;
font-size:12px;
font-family:"Times New Roman";
font-weight:bold;
text-decoration:none;
}
.footnav li ul{
list-style-type:none; /* 2段目の先頭記号を消す */
position:absolute;
top:100%;
left:0;
margin:0;
padding:0;
z-index:100;
}
.footnav li ul li{
overflow:hidden;
width:100%;
height:0;
color:#ffffff;
-moz-transition:0.5s;
-webkit-transition:0.5s;

transition:0.5s;
}
.footnav li ul li a{
padding:4px 15px;
text-align:center;
font-size:12px;
}
.footnav > li:hover > a{
color:#e16f20;
}
.footnav li:hover ul li{
overflow:visible;
height:21px;
}
.footnav li:hover ul li:hover a{
color:#e16f20;
}
.foot{
background-color:#2f2f2f;
width:947px;
height:40px;
margin:60px 0 0 0;
}
address{
color:#ffffff;
font-size:8px;
font-family:"Verdana";
padding:13px 0 0 0;
text-align:center;
}
#page-top{
position:fixed;
z-index:999;
bottom:15%;
right:15px;
font-size:15px;
font-family:"Verdana";
}
#page-top a{
background-color:#0f0f0f;
text-decoration:none;
color:#ffffff;
padding:10px 15px;
text-align:center;
display:block;
-webkit-opacity:0.5;
-moz-opacity:0.5;

opacity:0.5;

-webkit-border-radius:5px;
-moz-border-radius:5px;

border-radius:5px;
}
#page-top a:hover{
text-decoration:none;
background-color:#6f6f6f;
}
.yuji-boku-regular {
  font-family: "Yuji Boku", serif;
  font-weight: 400;
  font-style: normal;
}
-->
</style>