@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 13px;
  font-family:Verdana, Arial,'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  color:#323232;
  
  
}



body ,html{ height:100%;}

body{
	background:url(../images/bg.jpg);
}

:focus {
outline: 0;
}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

a img, iframe {
border: none;
}

ol, ul {
list-style: none;
}

ol, ul li{list-style: none; }

input, textarea, select, button {
font-size: 100%;
font-family: inherit;
}

select {
margin: inherit;
}

/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left: 2em; }

a:hover img.ov{filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
a:link {color: #0085e2;}
a:hover {text-decoration:none;}
a:visited {color:#0085e2;}

/* clearfix */
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }

* html .clearfix { height: 1%; }
.clearfix { display: block; }


/***************************
*common
***************************/
.disNone{ display:none;}

#wrap{
	position:relative;
}

header{
	background:url(../images/head_bg.jpg) no-repeat center top;
}

header h1{
	width:960px;
	margin:0 auto;
	background:url(../images/head.jpg) no-repeat center top;
	height:290px;
}

h1 p{display:none;}

h2{
	width:268px;
	height:136px;
	position:absolute;
	top:183px;
	left:50%;
	margin-left:250px;
}

#ph{
	font-size:0;
	line-height:0;
	text-align:center;
}

#ph li{
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	height:135px;
	width:229px;
	margin-right:15px;
}

#ph li:last-child{
	margin-right:0px;
}



#ph li:nth-of-type(1){
	background-image:url(../images/ph01.jpg);
}

#ph li:nth-of-type(2){
	background-image:url(../images/ph02.jpg);
}

#ph li:nth-of-type(3){
	background-image:url(../images/ph03.jpg);
}

#ph li:nth-of-type(4){
	background-image:url(../images/ph04.jpg);
}


section{
	padding-bottom:25px;}

/********************
* twtBLock
*********************/
#twtBLock{
	width:960px;
	margin:auto;
}

#twtBlockLeft{
	text-align:center;
	float:left;
	width:420px;
	height:495px;
	border:3px solid #e6d7c4;
	-webkit-box-shadow:0 0 2px 2px rgba(200,200,200,0.2) inset;
   -moz-box-shadow:0 0 2px 2px rgba(200,200,200,0.2) inset;
    box-shadow:0 0 2px 2px rgba(200,200,200,0.2) inset;
	background:#FFF;
}

#twtBlockLeft .adjust{
	padding:12px;
}

.twttxt{
	text-align:center;
	padding:20px 0;
	line-height:1.9em;
	font-weight:bold;
	font-size:14px;
}

#twtBlockRight{
	width:520px;
	float:right;
}

#hashBox{
	position:relative;
	background:url(../images/tag_bg.jpg) no-repeat center top;
	width:386px;
	height:56px;
}

#twtHash{
	position:absolute;
	top:13px;
	left:13px;
	font-size:18px;
	color:#714003;
	font-weight:bold;
}

#twtHashT{
	position:absolute;
	top:13px;
	left:180px;
	font-size:18px;
	color:#714003;
	font-weight:bold;
}

#btnTwt{
	padding-top:20px;
}

/********************
* footer
*********************/
/********************
* twtBLock
*********************/
footer{
	padding:10px 0 30px 0;
	background:url(../images/footer_bg.jpg) repeat-x center top #b18146;
}

footer #copy{
	text-align:center;
	color:#FFF;
	font-size:11px;
}