@charset "UTF-8";
/* -------------------------------------------------
CUBE COFFEE CSS
PAGE:COMMON
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
BACE COLOR
  Brown      #59413F
  Blue         #545D8C
  Beige        #F2E8DF
  PaleBeige  #F9F5F1
------------------------------------------------- */

html{
  color:#59413F;
 font-size:16px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body{
/*	background:url(../img/common/bg.jpg) center center repeat; */
  line-height:1;
  overflow-x:hidden;
  min-width:940px;
}
ul{list-style-type: none;}
img{vertical-align: bottom;}

a{text-decoration:none; color:#545D8C;}
a:link{}
a:visited{}
a:hover{text-decoration: underline;}
a:active{}

a:hover img{opacity:0.7;}

p, dl, dd, li {line-height:1.7;}
.note{font-size:12px; font-weight:normal;}



/*------------------------------------------------------------------------------
LAYOUT
------------------------------------------------------------------------------*/
#container{width:940px; margin:0 auto;}

header{
	/*margin:0 -500%;*/
	/*margin:0 -500% 30px -500%;*/
	/*padding:0 460%;*/
	/*margin:0 -500%;*/
	/*padding:0 5%;*/
	/*background:url(../img/common/headerBg.jpg) repeat-x #545D8C bottom left    ;*/
	/*background:url(../img/common/head_background.png) repeat-x;*/
	/*background: #ffffff;*/
	position:relative;
    border-top: 5px solid #DC143C;
    border-bottom: 1px solid #DC143C;
    height:120px;
	}

#contents{width:940px; margin:0 auto; overflow:hidden; height:100%; }

#contents #contents_top{ margin-bottom:40px;}
#contents #side_left{float:left; width:280px; margin-bottom:40px;}
#contents #main_top{ float:right; width:620px; margin-bottom:40px;}

#contents_bottom{
	margin:0 -500%;
	padding:0 500%;
	background:url(../img/common/sGuideBg.jpg) center center repeat;
	}

footer {
    
	margin:0 -500%;
    padding:0 500%;
	/*background:url(../img/common/footerBg.jpg) repeat-x #545D8C top left    ;*/
	background:#c0c0c0;
	text-align:center;
	position:relative;
	}



/*------------------------------------------------------------------------------
header
------------------------------------------------------------------------------*/
header h1 {position:absolute; width:300px; margin:0 auto; top:30px; left:0; right:0; bottom:0; text-align:center;}
header nav.mainNav{ padding:0px 0 0px 0;}
header nav.mainNav ul{overflow:hidden; height:100%; margin:0 -25px 0 0;}
header nav.mainNav ul li{float:left; margin:0 22px 0 0;}
header nav.mainNav ul li.mNav2{margin-left:380px;}

.mainMenu{
    padding: 20px 3%;
    float: left;


}

header nav.mainNavigation{
    width:100%;
    height: 50px;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;

}

.mainNavigation li{

    height: 50px;
    width: 100px;
    padding-right: 20px;
    padding-left: 20px;
    border-right: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    

}

#headerMenu{
    width:100%;
    text-align:center;
}

.largelogo{
    margin: 0 0 0 20%;
    width: 200px;
    float: left;
}

/*------------------------------------------------------------------------------
BLOCK
------------------------------------------------------------------------------*/
section.mainImg{}

nav.itemCategory{ background:#fff; border:1px solid #ff0000; margin-bottom:0px;}
nav.itemCategory h1{height:40px; margin-top:0px; padding:0px; background:#ffc0cb;}
nav.itemCategory ul    {margin-left:15px;}
nav.itemCategory ul li {margin-top:0px; padding-top:0px; border-top:1px solid #F2E8DF;}
nav.itemCategory ul li:first-child{margin-top:0; padding-top:0; border-top:none; }
nav.itemCategory ul li ul    {padding:10px 0 0 40px;}
/*nav.itemCategory ul li ul li {margin:0 0 5px 0; padding:0 0 0 15px; border-top:none; background:url(../img/common/icoBlue.png) no-repeat 0 10px;;}*/
nav.itemCategory ul li ul li {margin:0 0 5px 0; padding:0 0 0 15px; border-top:none;;;}

section.search{background:#fff;border:1px solid #F2E8DF;}
section.search input  {width:212px; margin:10px; height:25px; border:none; font-size:16px; color:#59413F;}
section.search button{width:20px; border:none; background:#fff;}

section.banner{margin-bottom:30px;}
section.banner ul    {overflow:hidden; height:100%; margin:0 -20px 0 0;}
section.banner ul li {float:left; margin:0 20px 20px 0; }

section.news{}
section.news h1 {
    width:100%;
    height:40px;
    border-bottom: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    padding-top: 10px;
    padding-left: 5px;
    font-size: 18px;
    font-weight: bold;
}
section.news dl      {}
section.news dl dt  {float:left; clear:left; width:620px; background:#fff;}
section.news dl dd {width:620px; padding:10px 10px 10px 10px; background:#fff;}
section.news dl dd h2 {font-weight:normal;}
section.news dl dd p   {margin:10px 10px 10px 10px; font-size:14px;} 
section.news dl p   {margin:10px 10px 10px 10px; width:100%; font-size:14px;} 

section.simpleGuide{overflow:hidden; height:100%; margin:0 -20px 0 0; padding:20px 0;}
section.simpleGuide .sGuideBox{ float:left; width:300px; margin:0 20px 0 0;}
section.simpleGuide .sGuideBox h1   {margin-bottom:20px;}
section.simpleGuide .sGuideBox h2   {margin:20px 0 10px 0; font-weight:bold;}
section.simpleGuide .sGuideBox p     {margin-bottom:10px;}
section.simpleGuide .sGuideBox ul    {}
section.simpleGuide .sGuideBox ul li {padding:0 0 0 15px; background:url(../img/common/icoBlue.png) no-repeat 0 10px;}
section.simpleGuide .sGuideBox ul.sGuideBanner    {}
section.simpleGuide .sGuideBox ul.sGuideBanner li { margin:0 0 10px 0; padding:0; background:none;}

.news_{ background:#fff; border:1px solid #F2E8DF; margin-bottom:20px;}
.news dl      {}
.news dl dt  {float:left; clear:left; width:100%;}
.news dl dd {float:left; width:100%; margin:0 0 20px 0;}
.news dl dd h2 {font-weight:normal;}
.news dl dd p   {font-size:14px;} 

.news div {background:#fff; border:1px solid #F2E8DF; margin-bottom:20px; width:100%;}

/*------------------------------------------------------------------------------
footer
------------------------------------------------------------------------------*/
footer a {color:#F9F5F1;}
footer nav.footerNav{margin-bottom:30px; padding-top:30px; text-align:center;}
footer nav.footerNav ul{}
footer nav.footerNav ul li{ display:inline; padding:0 0 0 20px ;}
footer nav.footerNav ul li:first-child{padding-left:0;}
footer p.copy{padding-bottom:30px; text-align:center;}

.footer-body {
    padding-top: 50px;
    float:center;
    width:100%;
    height:150px;
}

.footer-body ul {
    text-align:center;
    float:left;
}

.footer-body li {
    display: inline-block;
}

/*------------------------------------------------------------------------------
guide
------------------------------------------------------------------------------*/

ul#menu, ul.sub_menu{
        list-style:none;
        margin:0;
        padding:0;
}
 
#menu{
        width:600px;
        margin:10px;
        border:1px solid #e5e4e6;
        border-bottom:none;        
}
.main_menu{
        background:#eeeeee;
        color:#000000;
        font-size:14pt;
        font-weight:bold;
        padding:13px 10px 0;
        margin:-1px 0 0 -1px;
        cursor:pointer;
        width:600px;
        height:60px;
        border:1px solid #e5e4e6;
}
.sub_menu li{
        background:#dddddd;       
        padding:13px 10px 0 60px;
        border:1px solid #e5e4e6;
        font-size:12pt;
        font-weight:bold;
        width:600px;
        margin:-1px 0 0 -1px;
}
.sub_menu li a{
        color:#000000;
        display:block;
}
.main_menu img.rotate {
        transform: rotate(90deg);
}