@import url("page.css");
@import url("menu.css");

/* =====================================================================
　設定　
===================================================================== */
/* common */
*        {	padding:0; margin:0;  font-family: "ＭＳ Ｐゴシック", sans-serif; font-size:100%;}
body     {  padding:0; margin:0 auto; background: url(../img/bace/body.jpg) repeat-x #ccc;}
p        {  padding:0; margin:0; color: #000; line-height: 130%;}
a        {  text-decoration: none;}
a:link   {  text-decoration: none;}
a:visited{  text-decoration: none;}
a:hover  {	text-decoration: none;}
li,dd    {  margin:0; padding:0;}
ul,td,dl {  margin:0; padding:0;}
h1,h2,h3,h4,h5{margin:0; padding:0;}

/* used */
.red    { color: #FF0000;}
.blue   { color: #0000FF;}
.yellow { color: #FFFF00;}
.green  { color: #999933;}
.bold   { font-weight: bold;}

.right  { float:right;}
.left   { float:left; }
.large  { font-size:110%;}
.medium { font-size:75%;}
.small  { font-size: 60%;}

.sp10   { margin:10px 0;}
.spsq5  { padding:5px; margin:0;}
.clear  { clear:both;}

/* ------------------------------------------------------------------
　共通部分（大枠）　
---------------------------------------------------------------------*/
#bace    { width:760px; background: url(../img/bace/bace.jpg) repeat-y; margin:0 auto; position:relative;}

#contents{ width:750px; padding:0 20px 20px 10px; 
           background: url(../img/bace/contents.jpg) no-repeat;}

/* ------------------------------------------------------------------
　共通部分（ヘッダ）　
---------------------------------------------------------------------*/
#head {width:740px; padding:0;}
#head ul {float:right; width:450px;}
#head li {float:left; list-style-type:none;}
#head .left { padding:0 0 0 0;}
#head .right{ padding:0; clear:right;}

#font{font-size:75%; float:right; padding:0 10px 0 0; height:20px;}
/* ------------------------------------------------------------------
　レイアウト変更用　(index・中ページ)
---------------------------------------------------------------------*/
#top{clear:both;}

#naka{clear:both;}

/* ------------------------------------------------------------------
　index用　
---------------------------------------------------------------------*/
#top h1{ background: url(../img/top/img_main_back.jpg) no-repeat; height:375px; width:740px;}
#top #menu{}
#top #menu ul{}
#top #menu li{float:left; list-style-type:none;}


/******** 左 ********/
#top #leftside  {width:390px; padding:0 5px 0 15px; float:left;}
#top #leftside h2{padding:10px 0 5px 0;}
#top #leftside h3{padding:5px 0 2px 0;}
#top #leftside .img{border: 1px solid #999999;}
.uline {border-bottom: 1px #333 solid;width:740px;}

/* 最新作品 */
.works p{float:left; padding:0 10px 10px 0; font-size:75%; text-align:center;}
.works p a{ color:#009966;}

/* TOPICS */
.topics {width:300px; border:1px solid #999999; background-color:#FFFFFF;}
.topics h3{border-bottom: 1px solid #CCCCCC; font-size:100%; margin:10px 10px 5px 10px; color:#009966;}
.topics p{font-size:75%; line-height:150%;}
.topics p a{color:#009966;}

.topics .left { padding:15px 5px 15px 10px; width:240px;}
.topics .right{ padding:0 10px; text-align:right;}

.top_roop{float:left;}
/******** 右 ********/
#top #rightside {width:300px; padding:0 0 0 5px; float:left;}
#top #rightside h2{padding:10px 0 5px 0;}
#top #rightside h3{padding:5px 0 2px 0;}

/* INFOMATION */
.info  { width:300px; height:120px; overflow:auto; font-size:75%;
		 background-color:#FFFFFF; border:1px solid #CCCCCC; }
.info p{ padding:5px 0 2px 10px;}

/* 店舗のご案内 */
.shop  { width:380px; height:120px; background-color:#FFFFFF; border:1px solid #CCCCCC;}
.shop p{ padding:10px 0 10px 33px; font-size:75%; float:left; text-align:center;}

.banner {clear:both;padding:10px;}
.banner a{margin-right:10px;}
/* ------------------------------------------------------------------
　中ページ用　
---------------------------------------------------------------------*/
#naka #menu {clear:both;}



/******** 左　（メニュー） ********/
#naka #leftside   {float:left; width:184px; background-color:#999999; margin:5px 11px 0 0; clear:both;}
#naka #leftside ul{padding:10px 0 10px 10px;}
#naka #leftside li{list-style-type:none; padding:0; margin:0;}
#naka #leftside p {padding:5px 0 5px 10px;}

/******** 右　（コンテンツ） ********/
#naka #rightside {float:left;}

/* ナビゲーションバー */
.navi  { font-size:75%; padding:5px 0;}
.navi a{ color:#996600; }


/* 中枠 */
.waku   { border:1px solid #999999; padding:10px; background-color:#FFFFFF; width:515px;}
.waku h2{ padding:0 0 5px 0;}
.waku p { padding:10px 5px 5px 0;}

.ptop{font-size:12px; float:right; clear:both;}

/* ------------------------------------------------------------------
　フッタ　
---------------------------------------------------------------------*/
#foot{width:760px; background: url(../img/bace/foot.jpg) no-repeat;}
#foot p{padding:38px 0 10px 25px; font-size:65%; color:#666666;}