/*
Theme Name: FormlessDesign
Theme URI: http://www.formlessdesign.com
Description: Basic Theme for FormlessDesign
Author: FormlessDesign
*/

* {
	margin: 0;
	padding: 0;
}

body{
padding:20px;
}
img {
	border: none;
}
ul {
	list-style-type: none;
	margin-left: 0;
}

a:hover img{
    background: #FFFFFF;
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}

.clear {
	clear:both;
	margin:0;
	padding:0;
}

p {
	margin: 0;
	padding: 0;

}

.ro {
	/* ----- */
}

.blank {
	/* ----- */
}

/* clerfix ----- */
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .clearfix { display: inline-block; }
/* no ie mac ¥*/
* html .clearfix { height: 0.1%; }
.clearfix { display: block; }
/* */
/* for IE7 ¥*/
*:first-child+html .clearfix { display: inline-block; }
/* */
/* ----- clerfix */

a:link, a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover, a:active {
	color: #FF0066;
	text-decoration: none;
}

#wrapper{
width:928px;
margin:0 auto;
}

.topimg{
padding:10px;
width:896px;
}

.topimg img{
height:46px;
margin:5px;
width:64px;
}
.topimg  a img{
margin:0;
padding:0;
}
#globalmenu{
float:left;
margin:10px 0 25px;
padding:20px 0 10px;
width:100%;
}

#globalmenu li{
font-size:12px;
width:222px;
background-color:#222222;
margin:0px 10px 10px 0px;
color:#FFFFFF;
float:left;
}

.shopbutton　li{
background-color:#FF6699;
}

#globalmenu li a{
padding:5px;
display:block;
color:#FFFFFF;
}

#globalmenu li a:hover{
color:#FFFFFF;
background-color:#cccccc;
text-decoration: none;
}


.archivelist{
float:left;
margin:10px 0 25px;
padding:20px 0 10px;
width:100%;
}

.archivelist li{
font-size:10px;
width:222px;
background-color:#222;
margin:0px 10px 10px 0px;
color:#FFFFFF;
float:left;
}

.archivelist li a{
padding:5px;
display:block;
color:#FFFFFF;
}

.archivelist li a:hover{
color:#FFFFFF;
background-color:#cccccc;
text-decoration: none;
}

.post{
border:1px solid #cccccc;
float:left;
height:350px;
margin-bottom:10px;
margin-right:10px;
padding:5px;
width:210px;
}

.post h3{
border-bottom:1px dotted #CCCCCC;
font-size:12px;
height:20px;
margin-bottom:5px;
overflow:hidden;
}

.postimg{
width:210px;
height:150px;
margin-bottom:5px;
overflow:hidden;
}

.posttext{
height:125px;
font-size:10px;
line-height:18px;
overflow:hidden;
margin-bottom:10px;
}

.postcat{
border-top:1px dotted #CCCCCC;
font-size:12px;
line-height:18px;
}
.postdate{
font-size:10px;
line-height:18px;
color:#666666;
}

.postnavi2{
float:left;
margin:10px 0 0;
padding:20px 0 0;
width:100%;
}

.postnavi2 a{
font-size:12px;
width:444px;
background-color:#222222;
margin:0px 10px 10px 0px;
color:#FFFFFF;
float:left;
text-align:center;

padding:5px;
display:block;
color:#FFFFFF;
}

.postnavi2 a:hover{
color:#FFFFFF;
background-color:#cccccc;
text-decoration: none;
}

.singlepost{
border:1px solid #cccccc;
float:left;
margin-bottom:10px;
margin-right:10px;
padding:5px 5px 30px;
width:906px;
}

.singlepost h3{
font-size:12px;
padding:5px;
margin-bottom:20px;
color:#FFFFFF;
background-color:#222222;
font-weight:normal;
}

.singlepostimg {
padding:10px 10px 10px;
}

.singleposttext{
font-size:12px;
line-height:28px;
margin-bottom:30px;
color:#222222;
padding:0 10px;
}
.singleposttext p{
margin:10px 0 30px;
}

.singleposttext strong{
display:block;
border-bottom:1px dotted #cccccc;
padding-left:10px;
}

.singleposttext img{
padding:0px 0px;
margin:0 5px 5px 0;
}

.singlepostcat{
padding-left:10px;
border-top:1px dotted #CCCCCC;
font-size:16px;
line-height:24px;
}
.singlepostdate{
padding-left:10px;
font-size:10px;
line-height:18px;
color:#666666;
}


#cattitle{
border:1px solid #cccccc;
color:#222222;
float:left;
height:360px;
margin-bottom:10px;
margin-right:10px;
width:220px;
font-size:20px;
font-weight: 900;
text-align:center;
line-height:360px;
}


address{
font-size:10px;
color:#000000;
font-style:normal;
margin-bottom:50px;
}

#page{
font-size:12px;
padding-bottom:30px;
}

#page dl{
padding:5px 0px 20px;
width:90%;
margin:0px auto;
}

#page dt{
border-bottom: dotted 1px #cccccc;
color: #999999;
margin-top:1.0em;
line-height:18px;
}

#page dt a{
padding:5px;
display:block;
}

#page dt a:hover{
background-color:#222222;
color:#FFFFFF;
}
      
#page dd{
margin-left: 0em;
color:#666666; 
}
#page h4{
margin: 20px 0 0 30px;
padding:5px;
border:solid 1px #cccccc;
width:90%;
}

#related {
width:928px;
float:left;
}

#related_title {
font-size:12px;
padding:5px;
margin-right:10px;
color:#FFFFFF;
background-color:#222222;
margin-bottom:10px;
}

#about{
width:99%
}

.name{
font-size:18px;
padding:0 0 10px;
color:#333333;
border-bottom:1px dotted #CCCCCC;
}

#about img {
width:890px;
}

.mail{
margin:45px 0 50px 30px;
padding:5px 20px;
border:solid 1px #cccccc;
width:90%;
}

.mail a{
display:block;
}
#slide{
padding:20px 0 30px;
}
#slide img {
width:100px;
margin:0 5px 5px 0;
padding:0;
}
.tweet{
height:305px;
overflow:auto;
margin-top:5px;
margin-bottom:10px;
}
.tweet li{
border-bottom:dotted 1px #000000;
margin-bottom:10px;
}
.tweetable_latest_tweets{
font-size:11px;
}