/*  
Theme Name: GChrome
Theme URI: http://ericulous.com/2008/09/09/wp-theme-google-chrome
Description: Based on Google Chrome Browser
Version: 1.3.1
Author: Genkisan
Author URI: http://ericulous.com/
Tags: blue, white, two-columns, fixed-width
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@charset "utf-8";
/* CSS Document */

p img {
	float: none;
	padding: 0;
	max-width: 720px;
	height: auto;
	}

*{
  margin:0;
  padding:0;	
  line-height:140%;
}
.clear_float,
.clearfix{
  clear:both;	
}
body{
  font-size:0.9em;	
  font-family:"Hiragino Kaku Gothic Pro",'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック',sans-serif;
  /*background:#FEFCFC;*/
  background:#FBD052;
}
::selection {
  background: #FBCE35; /* Safari */
}
::-moz-selection {
  background: #FBCE35; /* Firefox */
}
a{
  color:#0066FF;
  /*color:#0066CC;*/	
}
a:hover{
  color:#FF6600;	
}
a img{
  border:none;	
}
a img:hover{
  opacity:0.7;
}
ul,
ol{
  list-style-type:none;
}

.news_topic,
.post,
.sidebar{
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;	
}
.sidebar a img{
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border:solid 3px #EEEEEE;
  width:150px;
  height:150px;
}
.sidebar a img:hover{
  border:solid 3px #FFE6A1;
}
.kanren_top_pic li p,
.kanren_top_pic li a img
{
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

.fb-like{
  position:relative;
  top:-7px;
}

/* header for PC */
.header_wrap{
  width:100%;	
  height:360px;
  /*background:#FBD052;*/
  /*border-bottom:solid 1px #FFFFFF;*/
}
.header_contents,
.news_topic .left{
  float:left;	
}
.logo,
.news_topic .right
{
  float:right;	
}
.header_contents{
  width:600px;
}

.kanren_top_pic{
  /*width:950px;*/
  width:600px;
  margin:5px 0 0 0;
}
.kanren_top_pic li{
  vertical-align:top;
  height:190px;
  float:left;	
  display:inline-block;
  margin:0 10px 0 0;
}
.kanren_top_pic li:last-child{
  margin:0 0 0 0;
}
.kanren_top_pic li a img{
  border-radius: 5px 5px 0 0;
  width:109px;
  height:109px;
  margin-bottom:0;
}
.kanren_top_pic li p{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3C3C3C), color-stop(0.00, #6B6B6B)); 
  background: -webkit-linear-gradient(top, #6B6B6B 0%, #3C3C3C 100%);
  background: -moz-linear-gradient(top, #6B6B6B 0%, #3C3C3C 100%); background: -o-linear-gradient(top, #6B6B6B 0%, #3C3C3C 100%); 
  background: -ms-linear-gradient(top, #6B6B6B 0%, #3C3C3C 100%); 
  background: linear-gradient(top, #6B6B6B 0%, #3C3C3C 100%); 
  /*padding:20px; 
  margin:0 0 20px 0;*/
  background-color:#444444;
  /*opacity:0.7;*/
  width:99px;	
  height:70px;
  margin:-7px 0 0 0;
  padding:5px;
  font-weight:bold;
  border-radius: 0 0 5px 5px;
  font-size:0.9em;
}
.kanren_top_pic li p:hover{
  opacity:0.8;
}
.kanren_top_pic li p a,
.strip-text-content a.strip-rec-link-title{
  color:#FC0;
  display:inline-block;
  width:100%;
  height:100%;
  text-decoration:none;
}
.strip-rec-link-img{
  border:none;
}

.logo div{
  text-align:right;
}
.logo div a img{
  margin:5px 0 0 5px;
}
.logo a img{
  margin:5px 0 0 0;
}

.news_topic{
  height:149px;
  background:#FEF9CD;
  margin:3px 0 0 0;
  padding:10px 20px 10px 20px;	
  font-size:0.9em;
  border:solid 3px #FFE6A1;
}
.news_topic ul{
  list-style-type:none;	
  padding:25px 0 0 0;
  width:49%;
  overflow:auto;
  height:124px;
}
.news_topic .left{
  background:url(http://attrip.jp/wp-content/uploads/2012/10/post_new.png) no-repeat;	
}
.news_topic .right{
  background:url(http://attrip.jp/wp-content/uploads/2012/10/post_pop.png) no-repeat;	
}
blockquote {
  background: url(http://attrip.jp/wp-content/uploads/2012/10/quote1.png) no-repeat; 
  margin:1em; 
  padding: 0 0 0 3em;
}

@media screen and (max-width: 2000px) {
.header,
.content,
.category_menu,
.footer{
  width:950px;
  margin:0 auto 0 auto;
}

/* sidebar */
.sidebar_wrap{
  width:176px;
  float:left;
  font-size:0.9em;
}
.sidebar{
  margin:0 0 10px 0;
  background:#FFFFFF;
  /*background:#FBD052;*/
}
.sidebar a{
  /*color:#333333;*/
  color:#0066FF;
  /*color:#0066CC;*/
  text-decoration:none;
  font-weight:normal;
}
.sidebar a:hover{
  color:#FF6600;
  text-decoration:underline;
}
.sidebar > h3,
.widgettitle{
  padding:10px 10px 5px 10px;
  font-weight:bold;
  color:#333333;
  font-size:1.2em;
  border-bottom:solid 2px #FBD052;
}
.sidebar > h3 a,
.widgettitle a{
  font-weight:bold;
  color:#333333;
  text-decoration:underline;
}
.sidebar > h3 a:hover,
.widgettitle a:hover{
  text-decoration:none;
}
.sidebar_box,
.widget ol li,
.sidebar ul li{
  padding:10px;	
  margin:0 0 0 0;
  border-bottom:solid 2px #FBD052;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EEEEEE), color-stop(0.00, #FFFFFF));
  background:-webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
  background:-moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
  background:-o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
  background:-ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
  background:linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
}
.sidebar_box:last-child{
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

/* main */
.main{
  width:764px;
  float:right;	
  margin:0 0 10px 0;
}
.post{
  padding:10px;	
  background:#FFFFFF;	
  border:solid 3px #E3A500;
  margin:0 0 10px 0;
  font-size:1.1em;
}
.home .post{
  padding:10px;	
  background:#FFFFFF;	
  background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EEEEEE), color-stop(0.00, #FFFFFF));
  background:-webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
  background:-moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
  background:-o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
  background:-ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
  background:linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
  margin:0 0 10px 0;
  font-size:1.1em;

  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.home .post:hover {
  background: #E1ECFE;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.post img,
.post a img{
　　max-width:720px;
　　height:auto;
}
.post h1{
  font-size:1.5em;
}
.post h1 a{
  color:#FF6600;	
  text-decoration:none;
}
.post h1 a:hover{
  color:#333333;	
}
.post h2{
  background:url(http://attrip.jp/wp-content/uploads/2012/04/alp.png) no-repeat;
  padding:10px 10px 5px 65px;
  background-color:#FBD052;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  font-size:1.2em;
  text-shadow:0 1px 0 #FDE6A3;
  margin:20px 0 10px 0;
}

.mid_box{
  margin:5px 0 0 0;	
}
.mid_box .left{
  float:left;	
  width:346px;
}
.mid_box .image_border{
  border:solid 5px #FFE6A1;	
  padding:0;
  line-height:0px;
}
.mid_box .image_border:hover{
  border:solid 5px #EEEEEE;	
}
.mid_box .right{
  float:right;	
  width:360px;
}
.wp-post-image{
  margin:0;
  padding:0;
  line-height:0;	
}

.post_info{
  padding:20px 20px 20px 50px;
}
.post_info p{
  margin:0 0 10px 0;	
}
.post_info p span{
  margin:0 5px 0 0;
}
.post_info p span img{
  position:relative;
  top:5px;
}
.share_top{
  border:solid 5px #FFE6A1;	
  padding:20px 20px 10px 20px;
}

.pager{
  padding:10px 10px 0 10px;
  margin:10px 0 0 0;
  height:75px;

  font-size: 0.9em;
  border:solid 1px #aaa;
  border-radius: 3px;
  color:#555555;
  text-decoration:none;
  /*text-shadow:0 1px 0 #fff;*/
  font-weight:normal;
  background:#EEEEEE;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E1E1E1), color-stop(0.00, #FFFFFF));
  background:-webkit-linear-gradient(top, #FFFFFF 0%, #E1E1E1 100%);
  background:-moz-linear-gradient(top, #FFFFFF 0%, #E1E1E1 100%);
  background:-o-linear-gradient(top, #FFFFFF 0%, #E1E1E1 100%);
  background:-ms-linear-gradient(top, #FFFFFF 0%, #E1E1E1 100%);
  background:linear-gradient(top, #FFFFFF 0%, #E1E1E1 100%); 
}
.pager .left,
.pager .right{
  width:310px;
  height:65px;
}
.pager .left{
  float:left;
  padding:0 10px 0 30px;
  background:url(http://attrip.jp/wp-content/uploads/2012/10/prev.png) no-repeat 3px center;
  border-right:solid 1px #cccccc;
}
.pager .right{
  float:right;	
  padding:0 30px 0 10px;
  background:url(http://attrip.jp/wp-content/uploads/2012/10/next.png) no-repeat 330px center;
}

.post_content{
  border-top:solid 1px #CCC;	
  margin:10px 0 0 0;
  padding:10px 0 0 0;
}
.post_content img,
.post_content a img,
.post_content iframe,
.post_content p img,
.post_content p a img,
.post_content span img,
.post_content span a img{
  border:solid 10px #EEEEEE;	
  margin:10px 0 10px 0;
}
.ninja_onebutton iframe,
table tbody tr td iframe,
.share_mid iframe{
  border:0;
  margin:0;
}
.writer{
  margin:30px 0 30px 0;
  padding:15px;
  border:1px solid #CCCCCC;
  background-color:#FFFFFF;
  /*-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);*/
  /*border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;*/
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.writer:hover{
  background-color:#F3F3F3;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.writer img, .writer a img{
  float:left;
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border:none;	
}
/*.writer img:hover, .writer a img:hover{
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
  box-shadow: 0 0 2px rgba(0,0,0,0.4);
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
*/
.writer_right{
  position:relative;
  left:15px;
  right:15px;	
  /*width:440px;*/
  width:auto;
  /*float:right;*/
  font-size:18px;
  font-weight:bold;	
}
.writer_right p{
  font-size:14px;
  font-weight:normal;
}
}


/* category menu */
.category_menu{
  /*font-size:1.1em;*/
  border-radius:5px;
  margin:25px auto 10px auto; 
  height:20px;
  text-shadow:0 1px 0 #FDE6A3;
}
.category_menu ul{
  list-style-type:none;
  margin:0 0 0 10px;
}
.category_menu ul li{
  float:left;
  display:inline-block;
  padding:0 10px 0 10px;
  vertical-align:top;
  margin:0;
  height:100%;
}
.category_menu ul li:hover{
  background:#DEA805;
  border-radius:3px;
}
.category_menu ul li a{
  color:#555555;
  display:block;
  width:100%;
  height:100%;
  text-decoration:underline;
  /*text-shadow:0 1px 0 #FDE6A3;*/
}

.alignnone size-full {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.alignnone size-full img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* comment */
.commentlist li{
  width:740px;
  clear:both;
  display:block;
}
input[type="text"],
#comment{
  height:26px;
  margin:5px 0 0 0;
  padding:5px;
  /*background:#F6F6F6;	*/
  background:#FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border:solid 1px #CCCCCC;
  font-size:0.8em;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;  
  outline: none;
}
.commentlist{
  font-size:0.9em;
}
.commentmetadata{
  font-weight:bold;
}
.comment_name{
  color:#008800;
}
.commentlist p{
  padding:0 0 0 55px;
}
.comment-form-author,
.comment-form-author label
{
  margin:20px 0 0 0;
  padding:0;
}
#comment{
  width:97%;
  height:100px;
  background:#FEF9CD;
　　font-size:1.1em;
}
input[type="text"]:hover,
#comment:hover{
  border-bottom:solid 1px #B9B9B9;
  border-top:solid 1px #A0A0A0; 
  border-left:solid 1px #B9B9B9;
  border-right:solid 1px #B9B9B9;
}
input[type="text"]:focus,
#comment:focus{
  background:#FFFFFF;
  border:solid 1px #226CA4;
  color:#333333;
}

input[type="submit"]{
  margin:0;
  padding:0.6em 15px 0.6em 15px;
  background:#3399FF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2A7DB8), color-stop(0.00, #59AAE3));
  background: -webkit-linear-gradient(top, #59AAE3 0%, #2A7DB8 100%);
  background: -moz-linear-gradient(top, #59AAE3 0%, #2A7DB8 100%);
  background: -o-linear-gradient(top, #59AAE3 0%, #2A7DB8 100%);
  background: -ms-linear-gradient(top, #59AAE3 0%, #2A7DB8 100%);
  background: linear-gradient(top, #59AAE3 0%, #2A7DB8 100%);
  border-bottom:solid 1px #2D638B;
  border-top:solid 1px #3D85BA; 
  border-left:solid 1px #3D85BA;
  border-right:solid 1px #3D85BA;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size:0.8em;
  color:#ffffff;
  text-decoration:none;
  text-shadow:0 -1px 0 rgba(0,0,0,0.1);
  font-weight:bold;  	
  -webkit-box-shadow:0 1px 0 #93C6EC inset;
  -moz-box-shadow:0 1px 0 #93C6EC inset;
  box-shadow:0 1px 0 #93C6EC inset;  
}
input[type="submit"]:hover{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2C7FBA), color-stop(0.00, #2C7FBA));
  background: -webkit-linear-gradient(top, #2C7FBA 0%, #2C7FBA 100%);
  background: -moz-linear-gradient(top, #2C7FBA 0%, #2C7FBA 100%);
  background: -o-linear-gradient(top, #2C7FBA 0%, #2C7FBA 100%);
  background: -ms-linear-gradient(top, #2C7FBA 0%, #2C7FBA 100%);
  background: linear-gradient(top, #2C7FBA 0%, #2C7FBA 100%);
  -webkit-box-shadow:0 1px 0 #53A5E1 inset;
  -moz-box-shadow:0 1px 0 #53A5E1 inset;
  box-shadow:0 1px 0 #53A5E1 inset;  
}
input[type="submit"]:active{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2C7FBA), color-stop(0.00, #2C7FBA));
  background: -webkit-linear-gradient(top, #2C7FBA 0%, #2C7FBA 100%);
  background: -moz-linear-gradient(top, #2C7FBA 0%, #2C7FBA 100%);
  background: -o-linear-gradient(top, #2C7FBA 0%, #2C7FBA 100%);
  background: -ms-linear-gradient(top, #2C7FBA 0%, #2C7FBA 100%);
  background: linear-gradient(top, #2C7FBA 0%, #2C7FBA 100%);
  border:solid 1px #2D638B;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset;  
}
#submit{
  margin:5px 0 0 0;
}


/* Reaction button */
div.reaction_buttons{
    margin-top: 20px;
    font-size: 0.8em;
    text-align: left;
    color:#916900;
}

/* a single button */
div.reaction_buttons .reaction_button {
    /*line-height: 3.2em;*/
    padding: 3px 5px 3px 5px;
    margin: 10px 3px 20px 0;
    border: solid 1px #FBD052;
    cursor: pointer;
    background-color:#FEF9CD;
    border-radius:3px; 
    color:#916900;
}
div.reaction_buttons .reaction_button:hover {
    border: solid 1px #E3A500;
    background-color:#FEF9CD;
}
div.reaction_buttons .reaction_button a{
    text-decoration:none;
}

/* the button after voting 
div.reaction_buttons > .voted, div.reaction_buttons > .voted{
    border:solid 1px #DDDDDD;
    color:#BBBBBB;
    background-color:#EEEEEE;
}
div.reaction_buttons > .voted, div.reaction_buttons > .voted:hover {
}
 /*

/* number of votes including parantheses.
.reaction_buttons .reaction_button .count {
}
 */

/* number of votes in between the parantheses.
.reaction_buttons .reaction_button .count_number {
}
 */
 
 
#sidebar div.widget_reaction_buttons h3 {
	margin: 0;
	margin-top: 4px;
}

#sidebar div.widget_reaction_buttons ol {
	margin-left: 25px;
}