@charset "UTF-8"; 

html { height:100%; min-height:100%; background:#ddd; }
* html .iepngfix { behavior: url("../js/iepngfix.htc") }
body { height:100%; min-height:100%; background:#ddd; color:#333; line-height:2.0; }

td, th { color: #333; line-height:1.5; }

a { text-decoration:underline; color:#690; }
a:link { color:#222; }
a:visited { color:#222; }
a:hover { text-decoration:none; color:#690; }

.red { color:#f30; } 

.r0 { -moz-border-radius:0px; -o-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; behavior:url("/common/js/PIE.htc"); }
.r2 { -moz-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; behavior:url("/common/js/PIE.htc"); }
.r5 { -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior:url("/common/js/PIE.htc");}
.r10 { -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; behavior:url("/common/js/PIE.htc");}
.r15 { -moz-border-radius:15px; -o-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; behavior:url("/common/js/PIE.htc");}
.r20 { -moz-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; behavior:url("/common/js/PIE.htc");}


/* ---- CONTENTS/----*/
.contents { position:relative; display:block; width:100%; margin:auto; font-size:1.0em; text-align:left; line-height:1.5; }

hr { background:#999; color:#999; height:2px; border:0px; }
.line { border-bottom:2px dotted #999; clear:both; margin:10px 0px; } 
.line hr { display:none; } 

/*----header/----*/
.h_seo { margin:5px; font-size:0.8em; display:none; }
.header { padding:0px; margin-bottom:10px; }

/*----menu/----*/
.b_menu { display:none;}
.menu { position:absolute; width:180px; margin-top:10px; }
.menu_sp { display:none; width:0px; height:0px; margin:0;}

.menu .logo { margin-bottom:10px; }
.menu .logo img { vertical-align:bottom; }
.menu .shop a { display:block; height:50px;margin-bottom:10px; background:#222 url(../img/m_shop.gif) no-repeat center center; text-indent:-9999px; outline-style:none; }
.menu .shop a:hover { filter:alpha(opacity=75); opacity:0.75; }
.menu .fb_link a { display:block; height:70px; margin-bottom:10px; background:#3b5997 url(/photolib/dm05/P00441.gif) no-repeat center center; text-indent:-9999px; outline-style:none; }
.menu .fb_link a:hover { filter:alpha(opacity=75); opacity:0.75; }

.menu .widget { clear:both; padding:0px; margin-bottom:10px; outline-style:none; }

.menu .no { padding:0px; background:none; }
.menu .no:hover { filter:alpha(opacity=70); opacity:0.7; }
.menu .rm { padding:10px; margin:0; list-style:none; background:#fff; margin-bottom:10px; }
.menu .rm li { margin:0; padding:0; display:block; }
.menu .rm a { display:block; line-height:1.5em; padding:0px;  background-image:url(../img/rm.gif); text-indent:-9999px; height:25px; text-decoration: none; outline-style:none; }
.menu .rm .line { display:block; width:100% !important; margin:5px 0px; }
.m_concept { background-position:0px 0px; }
.m_news { background-position:0px -25px; }
.m_works { background-position:0px -50px; }
.m_project { background-position:0px -75px; }
.m_blog { background-position:0px -100px; }
.m_tv { background-position:0px -125px; }
.m_twitter { background-position:0px -150px; }
.m_company { background-position:0px -175px; }
.m_contact { background-position:0px -200px; }
.m_concept:hover { background-position:-160px 0px; }
.m_news:hover { background-position:-160px -25px; }
.m_works:hover { background-position:-160px -50px; }
.m_project:hover { background-position:-160px -75px; }
.m_blog:hover { background-position:-160px -100px; }
.m_tv:hover { background-position:-160px -125px; }
.m_twitter:hover { background-position:-160px -150px; }
.m_company:hover { background-position:-160px -175px; }
.m_contact:hover { background-position:-160px -200px; }


.sns_box { width:100%; margin-bottom:10px; }
.sns_box .tw { float:left; width:70px; height:20px; }
.sns_box .fb { float:left; width:110px; height:20px; }
.sns_box .gl { display:none; }
/*----/menu----*/


/*---- grid ----*/
.grid { position:relative; }
.grid .item_box { position:absolute; float:left; background:#fff; width:140px; padding:0px; margin:0; }
.grid .item_box img { width:100%; height:auto; vertical-align:bottom; padding:0; margin:0; line-height:0; }
.grid .item_box a { outline-style:none; }
.grid .item_box .item { line-height: 1.5em; padding:10px; }
.grid .item_box .title { font-weight:bold; margin:10px 0 5px 0; }
.grid .item_box .title a { display:block; width:100%; text-decoration: none; color: #222; }
.grid .item_box .title a:hover { text-decoration: underline; color: #360; }
.grid .item_box .comm { padding:0px; font-size:0.9em; }

.t_title { background:#fff; }
.t_title a { display:block; width:100%; height:140px; background:url("../img/t_title.png") no-repeat left center; text-indent:-5000px; outline-style:none; text-decoration:none; }

.grid .item_totop { background-color: transparent; }
/* ---- /grid_box ---- */


/* ---- footer/ ---- */
.footer { position:absolute; margin:0px; padding:10px 0; font-size:0.8em; word-break:break-all; white-space:normal; }
.pagetop { position:fixed; bottom:20px; right:20px; z-index:500; }
.pagetop a { display:block; width:40px; height:40px; background:rgba(0,0,0,0.9) url(../img/i_pagetop.png) no-repeat 0px 0px; text-indent:-9999px; margin:0px; padding:0; border:0px; outline:none; }
.pagetop a:hover {  background-color:rgba(0,0,0,0.7) }
/* ---- /footer ---- */


/* ---- Enquete/ ---- */
#enquetePeriod { display:none; }

.enqueteProfileBlock { width:100%; padding:0; margin:10px 0px; border:#fff none; border-collapse:collapse; }
.enqueteProfileBlock th { padding:8px; border-left:none; border-right:none; border-top:2px dotted #999; border-bottom:2px dotted #999; text-align:left;  vertical-align:top; }
.enqueteProfileBlock td { padding:8px; border-left:none; border-right:none; border-top:2px dotted #999; border-bottom:2px dotted #999; vertical-align:top; }

.enqueteEnqueteBlock { width:100%; margin-bottom:20px; border:0; border-collapse:collapse; }
.enqueteEnqueteBlock td { padding:5px; border:none; vertical-align:top; font-size:0.8em; }
.enqueteEnqueteBlock td textarea { padding:0; margin:0; width:640px; height:150px; }


@media screen and (max-width:800px) {
.item_4w { width:290px !important; }
.item_2w { width:140px; }
}

@media screen and (max-width:480px) {
body { overflow-x:hidden; }

.menu { width:0px; display:none; }
.menu_sp .b_menu { display:block; float:right; width:40px; height:40px; background:#222 url(../img/i_menu.png) no-repeat center center; text-indent:-5000px;}
.menu_sp .b_menu:hover { filter:alpha(opacity=75); opacity:0.75;}
.menu_sp .menu_close { background:#222 url(../img/i_close.png) no-repeat center center !important; }

.menu_sp { width:290px; height:auto; display:block; margin:10px auto; }
.menu_sp .head { display:block; position:relative; height:70px; }
.menu_sp .logo { position:absolute; top:0px; left:0px; background:#000; width:70px; padding:8px 0px; }
.menu_sp .logo img { width:70px; height:auto; vertical-align:bottom; }
.menu_sp .shop { position:absolute; top:0px; left:80px; display:block; width:110px; height:40px; background:#222 url(../img/m_shop_sp.gif) no-repeat center center; text-indent:-9999px; outline-style:none; }
.menu_sp .shop:hover { filter:alpha(opacity=75); opacity:0.75; }
.menu_sp .fb_link { position:absolute; top:0px; left:200px; display:block; width:40px; height:40px; background:#3b5997 url(../img/i_fb.gif) no-repeat center center; text-indent:-9999px; outline-style:none; }
.menu_sp .fb_link:hover { filter:alpha(opacity=75); opacity:0.75; }
.menu_sp .sns_box { position:absolute; top:50px; right:0px; width:210px; height:20px; padding:0px; margin:0px; }

.menu_sp .rm_sp { background:#fff; display:none; padding-bottom:10px; margin:10px 0px; }
.menu_sp .rm { padding:10px; margin:0; list-style:none; background:#fff; margin-bottom:10px;  }
.menu_sp .rm li { float:left; margin:0; paddingt:0; width:49%; display:block; }
.menu_sp .rm a { display:block; line-height:1.5em; padding:0px;  background-image:url(../img/rm.gif); text-indent:-9999px; height:25px; text-decoration: none; outline-style:none; }
.menu_sp .rm .line { display:block; width:100% !important; margin:5px 0px; }
.menu_sp .shacho { text-align:center; }

.grid { margin-left:5px; position:relative; top:10px; }
.grid .item_2w { width:290px !important; }
.grid .item_4w { width:290px !important; }

.item_4w img, .item_2w img, .item_box img { width:100%; height:auto; }

.footer { position:relative; margin:0px 5px; }

table { max-width:100% !important; }
th, td { word-break:break-all !important; }
td[nowrap="true"] { white-space:normal; }

}