body {
    text-align: center;
    font-size:0;
    line-height:0%;
}

sub{
	vertical-align: middle;
}

.content_width{
    width: 980px;
	margin:0 auto;
}

#header_outer{
	text-align:center;
}


#header {
    display: table;
    table-layout: auto;
    font-size:0;
    line-height:0;
}
.header_bland_img{
    display:table-cell;
    vertical-align:middle;
    text-align:left;
    padding:2px 4px;
    width:1px;
}

#header_bland_text{
    display:table-cell;
    vertical-align:middle;
    text-align:left;
    font-weight:bold;
    font-size:15px;
    line-height:100%;
	padding-left:8px;
}



#header_menu{
    display:table-cell;
    vertical-align:middle;
    text-align:right;
    padding:0 4px;
	width:1px;
}

#header_menu_inner{
	display:table;
    margin: 0px 0px 0px auto;
	padding-right:32px;	
}
       
#header_menu_inner a{
			display:table-cell;
			padding: 0 2px;
			font-weight: bold;
			font-size: 13px;
			line-height: 100%;
			white-space: nowrap;
		}		
#header_menu_inner a:after{
	content: "]";
		}		
#header_menu_inner a:before{
	content: "[";
		}				
		

		
@media screen and (min-height:769px){

#header_menu_inner a:after{
	content: "";
		}		
#header_menu_inner a:before{
	content: "";
		}			
	
	#header_menu_inner a{

		font-size: 17px;
		text-decoration: none;		
	}
.header_bland_img {
	padding-top: 19px;
	padding-bottom: 23px;
}
#header_outer {
	background-size: auto 100%;
}
#header_menu_inner a {
	border-radius: 18px;
	padding-top: 15px;
	padding-right: 8px;
	padding-bottom: 15px;
	padding-left: 8px;
}

	
#header_menu_inner {
	border-collapse: separate;
	border-spacing: 4px 0px;
}
#header_bland_text {
	font-size: 25px;
}
}














#footer_menu{
	font-weight:bold;
    font-size:12px;
    line-height:120%;
	text-align:center;
}

#footer_menu_inner{
    display:table;
    margin: 0px 0px 0px auto;
	padding:20px 30px;
}
       
#footer_menu_inner >div{
    display:table-cell;
	vertical-align:middle;
    padding:0 2px;

    font-weight:bold;
    font-size:13px;
    line-height:100%;
}

#footer_copyright {
    font-weight:bold;
    font-size:12px;
    line-height:150%;
    text-align:center;
	padding:32px 0;
}




/*nanamy_navi_menu設定--------------------------------------*/

.nanamy_navi_menu .nanamy_navi_menu_inner{
    border: 2px solid #ffffff;
	border-radius:10px;
	overflow:hidden;
}

.nanamy_navi_menu.active .nanamy_navi_menu_inner{
	border: 2px solid #ffee00;
	box-shadow: 0px 0px 15px 8px #ffee00;
}

.nanamy_navi_menu{
	position:relative;
}


.nanamy_navi_menu .click_arrow {
	z-index: 101;
	position: absolute;
	pointer-events: none;
	top: -50px;
	left: 64px;
	width: 32px;
	height: 64px;
	visibility: hidden;
	background-image: url('/cyber/material/tip/click_arrow.gif');
}
.nanamy_navi_menu.active .click_arrow{
	visibility:visible;
}


table.navi_table {
    margin: 2px auto;
}

table.navi_table tr td {
	padding: 2px 6px;
}


.title_menu {
    display: table;
}
.title_menu > div {
        display: table-row;
}

.title_menu .title_image {
    display: table-cell;
    vertical-align: bottom;
    width: 160px;
    height: 192px;
    font-size: 12px;
    line-height: 100%;
    font-weight: bold;
    color: #ffffff;
	background-repeat:no-repeat;
	background-position:center;
}


.title_menu .title_image p {
    margin: 8px 4px 4px 4px;
}
.title_menu .title_image span {
    padding:1px 4px;
}


.title_menu .title_image span.c000 {
    background-color: #ff0000;
}

.title_menu .title_image span.c001 {
    background-color: #0000ff;
}

.title_menu .title_image span.c002 {
    background-color: #72931f;
    font-size: 11px;
    line-height: 100%;
}


.title_menu .title_name {
    display: table-cell;
    vertical-align: middle;
    padding: 4px 2px 0px 2px;
    font-weight: bold;
    height: 36px;
    text-align: center;
    font-size: 14px;
    line-height: 100%;
}



.title_menu .title_name sub {
    font-size: 10px;
    line-height: 100%;
}

.title_menu .title_name.small {
    font-size: 12px;
    line-height: 100%;
}

.title_menu .title_name.small sub {
    font-size: 8px;
    line-height: 100%;
}


.title_menu .last_update {
    display: table-cell;
    vertical-align: middle;
    height: 20px;
    font-size: 9px;
    line-height: 100%;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
}

.title_menu .last_update span {
	font-size: 14px;
    line-height: 100%;
    font-weight: bold;
    color: #aa7777;    
}


/*index中段ブロック分--------------------------------------*/
    #middle_block{
        display:table;
        table-layout:auto;
		margin: 2px auto;
		width: 100%;
    }
    #left{
        display:table-cell;
        width:220px;
        text-align:center;
        vertical-align:top;
    }
    #news{
        display:table-cell;                
        text-align:center;
        vertical-align:top;
    }
    #kanrenn{
        display:table-cell;
        width: 220px;
        text-align:center;
        vertical-align:top;
    }
/*-------------------------------------------------------*/
h1
{        	
	vertical-align:middle;
	padding:20px;
	font-size:30px;
	line-height:100%;
	font-weight:bold;
	text-align:center;
}
#h1_content
{
    padding:15px 30px 15px 30px;            
}
/*#h1_content a{
    font-weight:bold;
}*/


.h2_block{

    overflow:hidden;
    border-radius:8px;
    margin:2px;
}

h2{
    font-weight:bold;
    font-size:17px;
    line-height:100%;
    text-align:center;
    padding:4px;
}

.h2_content{
}

/*もっと見る-------------------------------------------*/
.even_more{
    font-size:12px;
    line-height:100%;
    text-align:right;
    padding:4px 4px;
}
/*関連商品-------------------------------------------*/
.kanren_item {
    background-color: #cff;
    text-align: center;
    margin: 4px;
    overflow:hidden;
    box-shadow: 2px 2px 7px #969696; /* CSS3草案 */
    border-radius: 10px; /* CSS3草案 */
}

.kanren_detail {
    font-size: small;
    line-height: 120%;
    font-weight: bold;
    color: #44F;
    
    padding: 3px 6px;
}

/*更新情報----------------------------------------------*/
table.news_info
{
    border-collapse: collapse;
    width: 100%;
}
table.news_info td.date
{
    white-space: nowrap;
	width:1px;
    text-align:center;    
    font-size:10px;
    line-height:100%;
    padding: 6px 2px;
    vertical-align: top;
    font-weight:bold;
}

table.news_info .style_new
{
	background-color:#ff0000;
    color: #ffffff;
    text-align:center;
    font-size:16px;
	padding:2px;
}

table.news_info td.type
{
    white-space: nowrap;
	width:1px;
    text-align: center;
    font-size:8px;
    line-height:100%;
    padding: 4px 2px;
    vertical-align: top;
}
table.news_info td.banner
{
    width:1px;
    vertical-align: top;
    padding:4px 0;
}

table.news_info td.content
{
	vertical-align:top;
}

table.news_info td.content .td_wrap{
	min-height:72px;
}

table.news_info td.content .title
{
    font-size:11px;
    line-height:100%;
    text-align: left;
    padding:4px;
}
table.news_info td.content .title sub
{
    font-size:8px;
    line-height:100%;
}
table.news_info td.content .title a:hover {
    color:#ff0000;
}


table.news_info td.content ul{
    font-weight:bold;
    font-size:14px;
    line-height:110%;
    text-align: left;
    padding-left:25px;
    list-style-type:disc;
}
table.news_info td.content li
{
    padding: 2px 0px;
}
table.news_info td.content li strong{
                    
    color:#ff0000;
}

/*いろいろバナー----------------------------------------------*/
.etc_banner {
	width: 200px;
	border-radius: 4px;
	overflow: hidden;
	margin: 4px auto;
}

/*旧作情報----------------------------------------------*/
#old_title{

}
#old_title .title_name {
    font-size: 12px;
    line-height: 120%;
    padding-top: 2px;            
}
#old_title .banner {
    text-align:center;
    padding-bottom:1px;
}