*{padding: 0;	margin: 0;}

img{border: 0;}

body{
	font-size:12px;
	text-align: center;
	font-family: sans-serif;
	padding:0;
	margin: 0;
	background-color:#f6f6f6;
	color:#666;
}

img{
border:0;
}

#wrapper{
text-align: left;
width: 1000px;
margin: 0 auto 0;
background: #fff2c1;
}

#header{
height: 500px;
background-color: #0099cc;
background-image:url('assets/images/header1.jpg');
}

h1{padding: 1em;}

#info{
background-image:url('assets/images/information.jpg');
width:701px;
height:305px;
position:relative;
font-size:14px;
white-space: nowrap;
}

#info-text1{
margin:35px 0 0 20px;
line-height:1.5em;
width:420px;
white-space: normal;
}

#info-text2{
left:20px;
bottom:5px;
position:absolute;
}

#info2{
backgroud-color:white;
background-image:url('assets/images/information2.jpg');
background-repeat:no-repeat;
width:701px;
font-size:14px;
margin:10px 0 0 0;
clear:both;
}

#info2-bottom{
clear:left;
width:100%;
padding:0 0 0 18px;
padding /**/ :20px 0 0 18px;
line-height:1.5em;
}

a{
color:#333;
}

/*----------------------------------------グローバルナビ*/

#sample01 #container{
width: 100%;
position: relative;
padding: 2em 0 0 0;
}

#sample01 #contents{
float: left;
width: 460px;
padding: 2em 30px;
background: #fff2c1;
}

#sample01 #sidebar{
float: right;
width: 170px;
padding: 2em 10px;
background: #fff2c1;
}

#footer{
clear: both;
width: 100%;
height:48px;
background-color: #ff8900;
color: #ffffff;
text-align: center;
padding: 10px 0;
background-image:url('assets/images/footer.jpg');
line-height:1.4em;
}

#sample01 #globalnavi{
position: absolute;
top: 0;
left: 0;
}

#sample01 #globalnavi ul{list-style-type: none;}

#sample01 #globalnavi li{
float: left;
width: 140px;
text-align: center;
}

#sample01 #globalnavi li a{
display: block;
width: 100%;
padding: 0.5em 0;
background-color: #ff9900;
color: #000000;
}

#sample01 #globalnavi li a:hover{
background-color: #0099cc;
color: #ff0000;
}

#sample01 #sidebar ul{list-style-type: none;}

#sample01 #sidebar li{margin-bottom: 1em;}

#sample01 ol{margin: 1em 0 1em 30px;}

/*----------------------------------------2カラム*/

#two-left-w #wrapper,
#two-right-w #wrapper{
text-align: left;
width: 95%;
margin: 1em auto 0;
border: 1px solid #0099cc;
}

#two-left #header,
#two-right #header,
#two-left-w #header{
height: 514px;
background-color: #0099cc;
color: #ffffff;
position:relative;
}

#two-left #container{
width: 770px;
float: right;
margin-left: -275px;
}

#two-left #contents{
margin: 0 0 0 30px;
padding: 5px 0 0 20px;
}

#two-left #sidebar{
float: left;
background-color:#fff2c1;
padding:10px 0 0 10px;
}

#two-left #sidebar-menu{
position:relative;
background-image:url('assets/images/menu1.jpg');
background-repeat:no-repeat;
width: 260px;
height:1037px;
}

#two-left #footer,
#two-right #footer,
#two-left-w #footer,
#two-right-w #footer,
#three #footer,
#three-w #footer{
clear: both;
width: 100%;
text-align: center;
background-color: #0099cc;
color: #ffffff;
}

#two-left #footer p,
#two-right #footer p,
#two-left-w #footer p,
#two-right-w #footer p,
#three #footer p,
#three-w #footer p{
padding: 0.5em 0;
}

#footer a{
color:#FFF;
}

#two-left #topnavi,
#two-right #topnavi,
#two-left-w #topnavi,
#two-right-w #topnavi,
#three #topnavi,
#three-w #topnavi{
position: absolute;
top: 0;
left: 0;
padding: 0.5em 0;
width: 100%;
}

#two-left #undernavi,
#two-right #undernavi,
#two-left-w #undernavi,
#two-right-w #undernavi,
#three #undernavi,
#three-w #undernavi{
position: absolute;
bottom: 0;
left: 0;
text-align: right;
margin-right: 2em;
padding: 0.5em 0;
width: 100%;
}

h2{font-size: 120%;margin-left: 2em;}
h3{font-size: 120%;margin-bottom: 1em;}

#two-left #contents p,
#two-right #contents p,
#two-left-w #contents p,
#two-right-w #contents p,
#three #contents-inner p,
#three-w #contents-inner p{line-height: 1.5;margin-bottom: 1em;}

#two-left #sidebar ul,
#two-right #sidebar ul,
#two-left-w ul,
#two-right-w ul,
#three ul,
#three-w ul{list-style-type: none;  margin: 1em 10px;}

#two-left #sidebar li,
#two-right #sidebar li,
#two-left-w #sidebar li,
#two-right-w #sidebar li,
#three li,
#three-w li{margin: 0 0 1em 0;}

/*----------------------------------------横並びのメニュー*/

#globalnavi-sample #wrapper
{text-align: left;
margin: 1em auto;
width:700px;
border: none;
}
#globalnavi-sample #header{padding:1em 0;}
#globalnavi-sample #header p{padding:0 2em;}

#globalnavi-sample #globalnavi{
position: relative;
width: 100%;
margin-bottom:1em;
}

#globalnavi-sample #globalnavi ul{list-style-type: none;}

#globalnavi-sample #globalnavi li{
float:left;
width: 100px;
}

#globalnavi-sample #globalnavi li a{
padding: 0.5em 0;
text-align: center;
background-color:black;
color:white;
display:block;
width:100%;
}

#globalnavi-sample #globalnavi li a:hover{
background-color: red;
color: white;
}

#globalnavi-sample #topnavi{padding:1em 0;}
#globalnavi-sample #topnavi span{padding:0 0.5em;}
#globalnavi-sample #footer{text-align: right;padding:2em 0 0;}

/*2*/

#globalnavi-sample2 #wrapper
{text-align: left;
margin: 1em auto;
width:700px;
border: none;
}
#globalnavi-sample2 #header{padding: 1em 0;}
#globalnavi-sample2 #header p{padding:0 0 0 2em;}

#globalnavi-sample2 #globalnavi{
position: relative;
width: 100%;
margin-bottom:1em;
}

#globalnavi-sample2 #globalnavi ul{list-style-type: none;}

#globalnavi-sample2 #globalnavi li{
float:left;
width: 100px;
}

#globalnavi-sample2 #globalnavi li a{
padding: 0.5em 0;
text-align: center;
background: url(../img/bg-globalnavi-2.gif) no-repeat 0 50%;
color:#000000;
display:block;
width:100%;
}

#globalnavi-sample2 #globalnavi li a:hover{
background: url(../img/bg-globalnavi-2.gif) no-repeat -100px 50%;
color: #ffffff;
}

#globalnavi-sample2 #topnavi{padding:1em 0;}
#globalnavi-sample2 #topnavi span{padding:0 0.5em;}
#globalnavi-sample2 #footer{text-align: right;padding:2em 0 0;}

/*3*/

#globalnavi-sample3 #wrapper
{text-align: left;
margin: 1em auto;
width:700px;
border: none;
}
#globalnavi-sample3 #header{padding:1em 0;}
#globalnavi-sample3 #header p{padding:0 2em;}

#globalnavi-sample3 #globalnavi{
position: relative;
width: 100%;
height: 40px;
}

#globalnavi-sample3 #globalnavi ul{list-style-type: none;}

#globalnavi-sample3 #globalnavi li{
text-indent: -9999px;
float:left;
width: 100px;
}

#globalnavi-sample3 #globalnavi a{
display: block;
width: 100%;
height: 40px;
background-image: url(../img/bg-globalnavi-3.gif);
background-repeat: no-repeat;
}

#globalnavi-sample3 #globalnavi a:hover{
background-image: url(../img/bg-globalnavi-3.gif);
background-repeat: no-repeat;
}

#globalnavi-sample3 #menu1 a{
background-position: 0 0;
}
#globalnavi-sample3 #menu2 a{
background-position: -100px 0;
}
#globalnavi-sample3 #menu3 a{
background-position: -200px 0;
}
#globalnavi-sample3 #menu4 a{
background-position: -300px 0;
}
#globalnavi-sample3 #menu5 a{
background-position: -400px 0;
}
#globalnavi-sample3 #menu6 a{
background-position: -500px 0;
}
#globalnavi-sample3 #menu7 a{
background-position: -600px 0;
}
#globalnavi-sample3 #menu1 a:hover{
background-position: 0 -40px;
}
#globalnavi-sample3 #menu2 a:hover{
background-position: -100px -40px;
}
#globalnavi-sample3 #menu3 a:hover{
background-position: -200px -40px;
}
#globalnavi-sample3 #menu4 a:hover{
background-position: -300px -40px;
}
#globalnavi-sample3 #menu5 a:hover{
background-position: -400px -40px;
}
#globalnavi-sample3 #menu6 a:hover{
background-position: -500px -40px;
}
#globalnavi-sample3 #menu7 a:hover{
background-position: -600px -40px;
}

.pname h1 {
font-size:12px;
padding:6px 0px 0px 10px;
}

.desc {
position:absolute;
bottom:6px;
left:10px;
}

.desc h2 {
font-weight:normal;
font-size:14px;
line-height:1.9em;
margin:0;
padding:0;
}

#global-navi{
background:#3399cc;
background-image:url('assets/images/navibg.gif');
background-repeat:repat-x;
height:24px;
padding:8px 0 0 45px;
color:#FFF;
font-weight:bold;
text-decoration:none;
}

#global-navi a{
color:#FFF;
}

#menubutton{
padding:20px 0 0 8px;
}

#blognew{
padding:5px 0 0 8px;
}

#blognew_inner{
background-image:url('assets/images/menu/blog_m.jpg');
background-repeat:repeat-y;
margin-top:-10px;
padding:10px 5px 0 5px;
line-height:1.5em;
}

#blognew_bottom{
background-image:url('assets/images/menu/blog_b.jpg');
height:22px;
background-repeat:no-repeat;
text-align:right;
padding:0 25px 0 0;
}

#mobile{
margin:10px 0 0 8px;
background-image:url('assets/images/menu/mob.jpg');
height:220px;
background-repeat:no-repeat;
}

#mobile_info{
width:225px;
text-align:center;
text-decoration:underline;
padding:145px 0 0 0 ;
}

#shop{
margin:10px 0 0 8px;
padding:45px 0 0 55px;
height:118px;
background-image:url('assets/images/menu/shop.jpg');
background-repeat:no-repeat;
}

#undernavi_a{
margin:5px 18px 0 0 ;
text-align:right;
font-size:10px;
}

#menubottom{
position:absolute;
bottom:20px;
}

.menubottom-l{
float:left;
padding-left:3px;
}

.menubottom-r{
float:right;
padding:10px 12px 0 0;
}

#menubottom a{
color:#FFFFFF;
text-decoration:underline;
}

#global-navi a:hover{
color:#ff9e20;
}

#wrapper a:hover{
color:#ff7e00;
}

#menubottom a:hover{
color:#FFFFFF !important;
}

#footer a:hover{
color:#FFFFFF !important;
}