@charset "UTF-8";

/* ========BASIC======== */
html {
    overflow-y:scroll;
}
@font-face {
  font-family: "logo_type_go";
  src: url("../webfont/logo_type_go.woff") format('woff'),
       url("../webfont/logo_type_go.otf")  format('opentype');
}
@font-face {
  font-family: "rounded-mplus";
  src: url("../webfont/rounded-mplus-1c-regular.woff") format('woff'),
       url("../webfont/rounded-mplus-1c-regular.ttf")  format('truetype');
}


body {
    margin:0;
    padding:0;
    line-height:1.6;
    letter-spacing:1px;
    font-family:"logo_type_go","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo ,"ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-size:13px;
    color:#111;
    background:#ffffff;
/*	background:url('../images/hp_bg.png');*/
    
}

br {
    letter-spacing:normal;
}

a {
    color:#333333;
    text-decoration:none;
}
a:hover {
    color:#e67928;
}
span.network {
	background : url('../images/web.png') no-repeat 0 10px;
	padding:10px 0 10px 25px;
}
img {
    border:0;
    vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
    margin:0;
}

h2{
    color: #555;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 0 5px;
    border-bottom: 2px solid #e67928;
}
 
h2 span{
    font-size:2.7em;
}
h3 {
    clear:both;
    margin:20px 0 0 0;
    padding:0 7px;
    font-size:18px;
    font-weight:bold;
    color:#555;
    line-height:1.8;
    border-left:5px #e67928 solid;
    border-bottom:1px dotted #555;
}

h2 + h3 {
    margin-top:20px;
}
h3:first-child {
    margin-top:0;
}

h3 + h4 {
    margin-top:10px;
}
h4 {
    margin:30px 0 0 0;
    padding:0 15px;
    color:#ffffff;
    font-weight:normal;
    font-size:15px;
    line-height:1.7;
    border:0;
    background:#88828C;
}


h5 {
    line-height:2.0;
    font-size:14px;
    color:#e67928;
    font-weight:bold;
    border-bottom:thin #e67928 solid;
}

h6 {
    font-size:14px;
    font-weight:normal;
    color:#917700;
    line-height:2.0;
}

.contents_930	{	/* shadow付きbox */
	width : 930px;
	margin : 10px auto 14px auto;
	-webkit-border-radius:null;
	border-radius:;
	-webkit-box-shadow:rgba(226, 226, 226, 0.648438) 0px 0px 2px 1px;
	box-shadow:rgba(226, 226, 226, 0.648438) 0px 0px 2px 1px;
	behavior : url("http://www.ims-itabashi.jp/PIE.htc");
	position : relative;
	background : #FFFFFF;
	border : solid 1px #EEEEEE;
}
.contents_900 {
	width : 900px;
	margin : 10px auto;
}

.contents_660	{	/* shadow付きbox */
	width : 660px;
	margin : 10px auto 14px auto;
	-webkit-border-radius:null;
	border-radius:;
	-webkit-box-shadow:rgba(226, 226, 226, 0.648438) 0px 0px 2px 1px;
	box-shadow:rgba(226, 226, 226, 0.648438) 0px 0px 2px 1px;
	behavior : url("http://www.ims-itabashi.jp/PIE.htc");
	position : relative;
	background : #FFFFFF;
	border : solid 1px #EEEEEE;
}
.contents_630 {
	width : 630px;
	margin : 10px auto;
}

p {
	font-size:14px;
    margin:0.5em 0 0.5em 0;
    line-height:1.8;
}

.img_right {
	float:right;
	margin-left:10px;
}
.img_left {
	float:left;
	margin-right:10px;
}

.img_center {
	text-align:center;
}

ul,ol,dl {
    margin:10px 0;
    padding:0;
}

li {
    padding:0;
    margin:0 0 0 15px;
}

dt {
    margin:0;
    padding:0;
}

dd {
    margin:0 0 1em 0;
    padding:10px;
    background:#f1f1f1;
}

table {
    width:100%;
    margin:10px 0;
    border-collapse:collapse;
    border:1px solid #D5DBDB;
    border-spacing:0;
    line-height:1.8;
}

table th {
    padding:5px;
    border:1px solid #D5DBDB;
    border-width:0 0 1px 1px;
    background:#F1F3F3;
    font-weight:normal;
    text-align:left;
}

table td {
    padding:5px;
    border:1px solid #D5DBDB;
    border-width:0 0 1px 1px;
    text-align:left;
}

table.eiyoushidoubi{
	width:100%;
	border-collapse:collapse;
	text-align:center;
}

table.eiyoushidoubi th{
	text-align:center;
	background:#F1FDFE;
	font-weight:normal;
	border:thin #E4E4E4 solid;
	width:14%;
}

table.eiyoushidoubi th.coopweek{
	background:#F0F0F0;
}
table.eiyoushidoubi th.coopam{
	background:#FFF2EC;
}
table.eiyoushidoubi th.cooppm{
	background:#F1FDFE;
}
table.eiyoushidoubi td {
	padding:5px 10px;
	border:thin #E4E4E4 solid;
	text-align:center;
	vertical-align:middle;
}

table.introduction,
table.introduction th,
table.introduction td {
	border-bottom:thin #666666 dotted;
	border-left:none;
	border-right:none;
	border-top:none;
}


.box_orange {
    border:10px solid #FDF4D0;
}

ul.ul_orange	{ /* ■行頭アイコン */

}
ul.ul_orange li	{
	background : url('../images/list_image.png') no-repeat 0 4px;
	font-weight:bold;
	padding-left : 16px;
	margin-bottom : 4px;
	list-style:none;
}

.font_weight_normal {
	font-weight:normal;
}

.width_520 {
	width:520px;
}
.width_570 {
	width:570px;
}
.width_5per {
	width:5%;
	text-align:center;
}
.width_10per {
	width:10%;
	text-align:center;
}
.width_20per {
	width:20%;
}
.width_30per {
	width:30%;
}
.width_40per {
	width:40%;
}
.width_50per {
	width:50%;
}
.width_60per {
	width:60%;
}
.width_80per {
	width:80%;
}

.p_center {
	text-align:center;
	vertical-align:middle;
	font-size:18px;
	font-weight:bold;
	color:#e67928;
}
.p_left {
	padding:0 10px;
	text-align:left;
	vertical-align:middle;
	font-size:18px;
	font-weight:bold;
	color:#e67928;
}

.img_pdf {
	vertical-align:middle;
	padding-bottom:3px;
	padding-left:3px;
}
.tx_orange {
	color:#e67928;
	font-weight:bold;
}
.tx_orange_n {
	color:#e67928;
}

.tx_gray {
	padding:0 32px;
	color:#666666;
	font-size:13px;
	font-weight:lighter;
}
.tx_gray_link {
	color:#666666;
}
.tx_right {
	position:absolute;
	right:5px;
}
/* ========TEMPLATE LAYOUT======== */
#container {
	position:relative;
    width:100%;
    margin:0 auto;
/*    background:#fff;*/
}
#header_container {
    width:100%;
    margin:0 auto;
    background:#ffffff;
}

#header {
    position:relative;
    width:940px;
    margin:0 auto;
}


#contents {
    clear:both;
    overflow:hidden;
    width:940px;
    padding:10px 0;
    margin:0 auto;
}

#pan {
    clear:both;
    width:940px;
    margin:0 auto;	
}

#link_h3 {
    clear:both;
    height:1.8em;
    margin:0 auto;
}
#link_h3_list {
	background:url('../images/footmenu_arrow.gif') no-repeat 0 5px;
	margin:0 10px;
	padding:0 0 0 15px;
	float:left;
}

#conR {
    float:right;
    width:250px;
}

#conL {
    float:left;
    width:670px;
}

#fix_footer_container {
	width:100%;
	position:absolute;
	bottom:0;
}

#footMenu_container {
    width:100%;
    margin:0 auto;
    background:#DADCDC;
}

#footMenu {
    clear:both;
    width:940px;
    margin:5px auto 0 auto;
    padding:15px 0 15px 0;
}

#footer_container {
    width:100%;
    margin:0 auto;
    background:#7C767F;	
}
#address_container {
    width:100%;
    margin:0 auto;
    background:#e67928;		
}
#address {
    clear:both;
    width:940px;
    margin:0 auto;
}

#footer {
    clear:both;
    width:940px;
    margin:0 auto;
}

/* ========HEADER CUSTOMIZE======== */
#header h1 {
    margin:0;
    padding:30px 0 5px 0;
    font-size:30px;
    color:#770000;
    line-height:1.0;
}

#header h1 a {
    color:#770000;
}

#header h1 a:hover {
    color:#770000;
}

#menu_link_1 {
	position:absolute;
	cursor:pointer;
	top:30px;
	right:0;
}
#menu_link_2 {
	position:absolute;
	cursor:pointer;
	top:30px;
	right:87px;
}
#menu_link_3 {
	position:absolute;
	cursor:pointer;
	top:30px;
	right:174px;
}
#menu_link_4 {
	position:absolute;
	cursor:pointer;
	top:30px;
	right:261px;
}
#menu_link_5 {
	position:absolute;
	cursor:pointer;
	top:30px;
	right:348px;
}
#menu_link_6 {
	position:absolute;
	cursor:pointer;
	top:30px;
	right:435px;
}
/*#menu_link_7 {
	position:absolute;
	cursor:pointer;
	top:30px;
	right:522px;
}*/
#menu_link_8 {
	position:absolute;
	cursor:pointer;
	/*top:30px;
	right:609px;*/
		top:30px;
	right:522px;

}


a.menu_link {
    background-color:#fff; /*背景に白を設定*/
    display:block; /*ブロック化重要！*/
    }
a.menu_link img{
    transition:all 0.3s ease;
    }
a:hover.menu_link img{
    opacity: 0.5;
    filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
    }

#headImage {
	margin:0 auto;
   width:940px;
   height:300px;
   overflow:hidden;
   position:relative;
   list-style:none;
}

#headImage ul {
   list-style:none;
   margin:0;
   padding:0;
}

#headImage li {
   position:absolute;
   background:#fff;
   margin:0;
   padding:0;
}

/* ========BREADCRUMB======== */
#step_bar_box {
    text-align: left;
    overflow: hidden;
}

.step_bar {
    list-style: none;
    float:left;
}

.step_bar li {
    line-height: 46px;
    color: #a6a6a6;
    text-decoration: none;
    padding: 0 15px 0 35px;
    background: #efc979;
    display: inline-block;
    margin-left:0;
}

.step_bar li small {
    font-size: 80%;
}

.step_bar li::after {
    position: relative;
    display: block;
    margin-top: -25px;
    margin-left: auto;
    margin-right: -25px;
    height: 22px;
    width: 20px;
    content: " ";
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
    background: #efc979;
    border-right: 1px solid white;
}

.step_bar li::before {
    float: right;
    display: block;
    margin-bottom: -25px;
    margin-left: auto;
    margin-right: -25px;
    height: 21px;
    width: 20px;
    content: " ";
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -ms-transform: skew(30deg);
    -o-transform: skew(30deg);
    transform: skew(30deg);
    background: #efc979;
    border-right: 1px solid white;
}

.step_bar li:first-child {
    padding-left: 20px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.step_bar li:last-child {
    padding-left: 35px;
    padding-right: 40px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.step_bar li:last-child::before {
    border: 0;
    background: transparent !important;
}

.step_bar li:last-child::after {
    border: 0;
    background: transparent !important;
}

.step_bar li.current {
    background: #e67928;
    color: #FFFFFF;
}

.step_bar li.current::before {
    background: #e67928;
}

.step_bar li.current::after {
    background: #e67928;
}

.step_bar li.current:last-child {
    margin-right: -35px;
}

.step_bar li.current:last-child::before {
    border: 0;
    background: transparent !important;
}

.step_bar li.current:last-child::after {
    border: 0;
    background: transparent !important;
}


.step_bar li.currentpage {
    background: #eee;
    color: #FFFFFF;
}

.step_bar li.currentpage::before {
    background: #eee;
}

.step_bar li.currentpage::after {
    background: #eee;
}

.step_bar li.currentpage:last-child {
    margin-right: -35px;
}

.step_bar li.currentpage:last-child::before {
    border: 0;
    background: transparent !important;
}

.step_bar li.currentpage:last-child::after {
    border: 0;
    background: transparent !important;
}


.pan_margin_left {
	margin-left:50px;
}
/* ========DOWNLOAD======== */
#download_button {
	width:120px;
	height:40px;
}
#download_button_link_whith {
	width:120px;
}
/* ========HEADIMAGE CUSTOMIZE======== */
#slide {
    position:relative;
    overflow:hidden;
    padding-bottom:25px;
}

.slidePrev {
    width:50px;
    height:60px;
    position:absolute;
    top:145px;
    /* leftの位置はjQuery(common.js)にて設定 */
    cursor:pointer;
    z-index:100;
}

.slideNext {
    display:block;
    width:50px;
    height:60px;
    position:absolute;
    top:145px;
    /* leftの位置はjQuery(common.js)にて設定 */
    cursor:pointer;
    z-index:100;
}

.slideInner {
    position:relative;
    margin:0;
    padding:0;
}
.slideInner li {
    float:left;
    margin:0;
    padding:0;
    list-style:none;
}
.slideInner li img {
    margin:0;
    padding:0 5px;
}

.filterPrev {
    position:absolute;
    left:0;
    opacity:0.5;
    filter: alpha(opacity=50);
    background-color:#fff;
}

.filterNext {
    position:absolute;
    right:0;
    opacity:0.5;
    filter: alpha(opacity=50);
    background-color:#fff;
}

.controlNav {
    position:absolute;
    float:left;
    left:50%;
    bottom:0;
}

.controlNav span {
    position:relative;
    left:-50%;
    float:left;
    margin:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    width:10px;
    height:10px;
    overflow:hidden;
    -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
    box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
    background:#eee;
    text-indent:-9999px;
    vertical-align:middle;
}

.controlNav span:hover {
    background:#ccc;
    cursor:pointer;
}

.controlNav span.current {
    -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
    -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
    box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
    background:#666666; /*スライダー現在のぽっち*/
}

/* ========MAINCONTENTS CUSTOMIZE======== */
/* TOPNAVI CUSTOMIZE */
.topNavi {
    overflow:hidden;
    position:relative;
    margin-left:-20px;
    margin-top:20px;
    margin-bottom:20px;
}

* html .topNavi {
    height:1em;
    overflow:visible;
}

.topNaviColumn {
    display:inline;
    width:298px;
    float:left;
    margin-left:20px;
}

.topNaviImg {
    margin:0;
    padding:0;
}

.topNaviDetail {
    position:absolute;
    bottom:0;
    width:280px;
    text-align:right;
}

.topNaviDetail a {
    padding:0 0 0 7px;
    background:url("../images/bg_arrow.gif") no-repeat left 50%;
}

.topNaviCon {
    position:relative;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:0 0 2em 0;
}

.topNavi h2 {
    padding:10px 0;
    color:#fff;
    font-size:14px;
    background:#61bca1;
}

.topNavi p {
    margin:10px;
}

.topNaviPhoto img {
    margin:10px 8px 0 8px;
}

/* INFORMATION CUSTOMIZE */
.information {
    margin-bottom:20px;
}
/*
.info_box {
  overflow: scroll; 
  width:100%;
  height: 300px;
}
*/
.information dl {
    margin:0;
    overflow: scroll; 
    height: 350px;
}
.information dt {
	color:#e67928;
    padding-top:5px;
    font-size:12px;
    font-weight:bold;
}

.information dd {
	position:relative;
    margin:0 0 5px 0;
    padding:5px 0;
    border-bottom:1px #ddd dotted;
    background:none;
}

.new_animetion {
	margin:0;
	padding-left:5px;
	width:32px;
	height:11px;
	vertical-align:middle;
}

/* SUBMENU CUSTOMIZE */
.submenu h3 {
    position:relative;
    text-align:center;
    margin:0;
    padding:15px 0;
    line-height:1.0;
    color:#fff;
    border:none;
    background:#e19f9c;
}
.submenu h3:after {
    content:'▼';
    position:absolute;
    bottom:-13px;
    left:50%;
    float:left;
    color:#e19f9c;
}

.submenu h4 {
    padding:10px;
    font-weight:normal;
font-size:14px;
    background:#f1f1f1;
}
.submenu ul {
    margin:0 10px;
    padding:0;
}
.submenu li {
    margin:0;
    padding:0 0 0 7px;
    list-style:none;
    border-bottom:1px dotted #ddd;
    background:url("../images/bg_arrow.gif") no-repeat left 50%;
}
.submenu li a {
    display:block;
    padding:10px 0;
    text-decoration:none;
}

.submenu p {
    margin:10px;
}

/* BANNER CUSTOMIZE */
.bnrL {
    margin:20px 0;
}

.bnrL ul {
    margin:0 -15px 0 0;
    padding:0;
    overflow:hidden;
}

.bnrR {
   width:278px;
   margin:30px 0;
   padding:10px;
   border:1px solid #eee;
}

.bnrR ul {
   margin:0 0 -5px 0;
   padding:0;
}

.bnrR li {
   margin:0;
   list-style:none;
   margin-bottom:5px;
}

.bnrR_top	{	/* shadow付きbox */
	width : 230px;
	margin : 10px auto 14px auto;
	-webkit-border-radius:null;
	border-radius:;
	-webkit-box-shadow:rgba(226, 226, 226, 0.648438) 0px 0px 2px 1px;
	box-shadow:rgba(226, 226, 226, 0.648438) 0px 0px 2px 1px;
	behavior : url("http://www.ims-itabashi.jp/PIE.htc");
	position : relative;
	background : #FFFFFF;
	border : solid 1px #EEEEEE;
}

.bnrR_top ul {
   margin:0;
   padding:5px 0;
}

.bnrR_top li {
   color:#FFFFFF;
   margin:0;
   list-style:none;
   margin-bottom:0;
}

.bnrL_top	{	/* shadow付きbox */
	width : 660px;
	margin : 10px auto 14px auto;
	-webkit-border-radius:null;
	border-radius:;
	-webkit-box-shadow:rgba(226, 226, 226, 0.648438) 0px 0px 2px 1px;
	box-shadow:rgba(226, 226, 226, 0.648438) 0px 0px 2px 1px;
	behavior : url("http://www.ims-itabashi.jp/PIE.htc");
	position : relative;
	background : #FFFFFF;
	border : solid 1px #EEEEEE;
}

.bnrL_top ul {
   margin:0;
   padding:5px 0;
}

.bnrL_top li {
   color:#FFFFFF;
   margin:0;
   list-style:none;
   margin-bottom:0;
}

/* BOX CUSTOMIZE */
.box {
    overflow:hidden;
    margin:10px 0;
    padding:10px;
    border:10px solid #eee;
}
.box p.marginleft170 {
    margin-left:170px;
}

.box h4 {
    margin-top:0;
}

.box img {
    float:left;
}

.box p {
    margin-left:210px;
}

.first {
    margin-top:0;
}

/* ========FOOTMENU CUSTOMIZE======== */
#footerImg {
	width:100%;
	height:45px;
	background-image:url('../images/img_footer.png');
}
#footMenu ul {
    margin:0;
    padding:5px 0 0 0;
    text-align:center;
}

#footMenu li {
    display:inline;
    margin:0 0 0 20px;
    list-style:none;
}


#footMenu li a {
    color:#000;
    text-decoration:none;
}

#footMenu li a:hover {
    color:#666;
    text-decoration:underline;
}
.txt_right {
	text-align:right;
}

.break {
	clear:both;
}

.space_10 {
	height:10px;
}

.space_20 {
	height:20px;
}

.space_30 {
	height:30px;
}

.space_left_10px {
	margin-left:10px;
}

.img_menu_arrow {
	padding-right:5px;
}

.font_re {
	font-family:"logo_type_go","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo ,"ＭＳ Ｐゴシック", Osaka, sans-serif;
}

#footMenu dl#footMenu_contents {
	display: block;
	margin: 0;
	padding:7px;
	border: 0;
	width: 220px;
	float:left;
}
#footMenu dl#footMenu_contents dt {
	display: block;
	margin: 0 0 5px 0;
	padding:0;
	border-bottom:thin #999999 dotted;
	width: 200px;
	font-size: 12px;
}
#footMenu dl#footMenu_contents dd {
	list-style: none;
	background: url('../images/footmenu_arrow.gif') 0 8px no-repeat;
	width: 200px;
	font-size: 11px;
	margin: 0;
	padding: 5px 0 5px 14px;
	border: 0;
}

/* ========ADDRESS CUSTOMIZE======== */
.itachu_address {
    font-style:normal;
    color:#FFFFFF;
    text-align:center;
}
.img_itachu_link {
	margin:5px auto;
}

.img_itachu_link:hover {
	background:url('../images/goto_itachu_s.png') no-repeat;
}

/* ========FOOTER CUSTOMIZE======== */
.copyright {
    font-style:normal;
    font-size:11px;
    color:#FFFFFF;
    line-height:3.0;
    text-align:center;
}

/* ========PAGRTOP CUSTOMIZE========= */
#pageTop {
    position:fixed;
    right:20px;
    bottom:20px;
}

#pageTop a {
    display:block;
    padding:30px 30px 30px 42px;
    color:#fff;
    font-size:11px;
    text-decoration:none;
    background:#e67928 url("../images/bg_pagetop.gif") 30px 50% no-repeat;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
#pageTop a:hover {
    background:#e67928 url("../images/bg_pagetop.gif") 30px 50% no-repeat;
}

/*メニュー*/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);*/

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
/*  font-family: 'logo_type_go';*/
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  z-index:100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  background: #586665;/*基本カラー*/
  background: -moz-linear-gradient(top, #88828C 0%, #7C767F 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88828C), color-stop(100%, #7C767F));
  background: -webkit-linear-gradient(top, #88828C 0%, #7C767F 100%);
  background: -o-linear-gradient(top, #88828C 0%, #7C767F 100%);
  background: -ms-linear-gradient(top, #88828C 0%, #7C767F 100%);
  background: linear-gradient(to bottom, #88828C 0%, #7C767F 100%);
}
#cssmenu > ul {
  width:940px;
  margin:0 auto 5px auto;
  background: url('../images/bg.png');
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li {
  float: left;
  display: inline-block;
}
#cssmenu.align-center > ul {
  float: none;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li > a {
  width:188px;
  padding: 18px 10px 21px 10px;
  border-right: 1px solid rgba(80, 80, 80, 0.12);
  text-decoration: none;
  font-size: 14px;
  font-weight:lighter;
  color: #FFFAF5;
  text-align:center;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: #ffffff;
  background: #7C767F;/*選択時カラー*/
  background: rgba(0, 0, 0, 0.1);
}
/*

#cssmenu > ul > li.has-sub > a {
  padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #FFFAF5;
  right: 17px;
  top: 22px;
}
*/
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: #ffffff;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  padding-top: 6px;
  font-size: 13px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #ffffff;
  top: -4px;
  left: 20px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}
#cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  top: 11px;
  left: -4px;
}
#cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #ffffff;
  left: auto;
  right: -4px;
}
#cssmenu > ul > li > ul {
  top: 120px;
}
#cssmenu > ul > li:hover > ul {
  top: 52px;
  left: 0;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
  padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
}
#cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 10px 15px;
  width:250px;
  color: #777777;
  background: #ffffff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #e67928; /*サブメニュー選択時：文字オレンジ*/
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;*
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #777777;
  right: auto;
  left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #333333;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #333333;
  border-left-color: transparent;
}


.topics_box_left {
	float:left;
	width:565px;
	margin-right:10px;
}