.image-aside{margin-right:5%;float:left;width:40%;max-width:140px;max-height:80px;overflow:hidden}.text-aside{float:left;width:55%;word-wrap:break-word}
.image-aside img{width:100%;max-width:140px;margin-bottom:2px;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}
.image-aside a:hover img{width:100%;margin-bottom:2px;opacity:.5;filter:alpha(opacity=50)}#album-link{background-color:#222;text-align:center;border:1px solid #fff;padding-top:10px;padding-bottom:10px;margin-top:10px;margin-bottom:10px;font-size:16px;font-weight:bold;width:96%;margin-right:1%;margin-left:1%;color:#fff}
a:link #album-link{color:#fff;font-weight:bold;text-decoration:none;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}
a:visited #album-link{color:#fff;font-weight:bold;text-decoration:none}a:hover #album-link{text-decoration:none;background-color:#555;font-weight:bold;opacity:.5;filter:alpha(opacity=50)}</style><style>.navPager a{width:30px;height:67px;line-height:67px;text-align:center;color:#fff;text-decoration:none;position:fixed;z-index:100;top:50%;opacity:0.7;filter:alpha(opacity=70);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;}.navPager a.prevUrl {left:0}.navPager a.nextUrl {right:0}.navPager span.prevStr {right:0;top:-15px;position:absolute;padding-right:0px}.navPager span.nextStr {left:0;top:-15px;position:absolute;padding-left:0px}.navPager a:hover {opacity:.5;filter:alpha(opacity=50)}.navPager img {width:30px;height:67px}

@charset "UTF-8";


/* -----------------------------------------------------------------------
  Defult Clear
----------------------------------------------------------------------- */

*{margin:0; padding:0;}

body{
	color	:#393637;
	background-color:#c0f4fa;
	text-align:center;
	font-family	:"verdana","helvetica","osaka","?? ?????",ans-serif;
	font-size:74.5%;
	line-height:1.5;
}

textarea,
select,
input {font-family: "?????? Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","?? ?????","sans-serif";}


dl,dt,dd,ul,li,
ol,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,
blockquote,th,td,address {margin:0; padding:0; font-style:normal; font-weight:normal; font-size:100%;}

img{border:none;}

hr {display:none;}

table.form{margin	:25px 0px 0px 13px;}


/*-----------------------------------------------
 ?????
-----------------------------------------------*/

/* clear */
.clear { clear:both; font-size:0%; line-height:0%; }

.clearfix:after { 
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */



.left { float:left; }
.right { float:right; }
.t-left { text-align:left; }
.t-right { text-align:right; }
.t-center { text-align:center; }

/*-----------------------------------------------
 ??????
-----------------------------------------------*/

a {color:#009abc; outline:none;}
a:link {}
a:visited {}
a:hover { text-decoration:none;}
a:active {}


#header a {color:#393637; outline:none;}
.title a {color:#333333; outline:none;}



	/* ????? ------------- */
	
	/*input[type=text],*/
	input[type=radio],
	input[type=checkbox] {vertical-align:middle;}
		
	/*input[type=text],*/
	input[type=radio],
	input[type=checkbox]{margin:3px; /*vertical-align: bottom;*/}
		
	/* html input[type=text],*/
	* html input[type=radio],
	* html input[type=checkbox]{margin:3px; vertical-align: middle;} /* ie6 */
		
	/*+html input[type=text],*/
	*+html input[type=radio],
	*+html input[type=checkbox]{margin:3px; vertical-align: middle;} /* ie7 */


/*-----------------------------------------------
 layout frame
-----------------------------------------------*/

#wrapper {
	margin:0 auto;
	padding:0;
	text-align:left;
	background:url(http://admin.dosugoi.net/_img/safari/hdr_bg.gif) repeat-x 0 0;
}
#wrapper .wrapper-inner  {
	width:940px;
	margin:auto;
	padding-bottom: 20px;
}

	#header {
		height:213px;
		position:relative;
		background:url(http://admin.dosugoi.net/_img/safari/hdr_img.png) no-repeat 0 0;
	}
	#header .header-inner {padding-top:60px;}
		.blogtitle {font-size:2.4em; font-weight:bold; margin-bottom:10px;}
		.description { color:#777;}
	
	#container {width:940px;}
		#content {float:right; width:690px; background:url(http://admin.dosugoi.net/_img/safari/content_bg.gif) repeat-y 0 0;}
			.content-inner{width:640px; padding:0 25px;}
			.blog {}
			#content .ftr {background:url(http://admin.dosugoi.net/_img/safari/content_ftr.gif) no-repeat 0 0; width:690px; height:15px;}
	
		#side {float:left; width:230px; margin:0px; padding:0px; background:url(http://admin.dosugoi.net/_img/safari/side_bg.gif) repeat-y 0 0;}
			#side .side-inner {padding:0px 15px; margin:0px; width:200px;}
			#side .ftr {background:url(http://admin.dosugoi.net/_img/safari/side_ftr.gif) no-repeat 0 0; width:230px; height:15px;}
	
#footer  {
	margin:0px auto 0;
	padding:0 0 50px;
	background:url(http://admin.dosugoi.net/_img/safari/ftr_bg.gif) repeat-x 0 0 #5a8e23;
	color:#fff;
	width: 100%;
}
#footer-img {background:url(http://admin.dosugoi.net/_img/safari/ftr_img.png) no-repeat 0 0; height:205px; width:930px; margin:auto; position:relative;}
/* ?????????????? */
#footer-img a img {
	width:140px;
	height:25px;
	padding: 0px;
	margin-left: 790px;
	margin-top: 152px;
}
#copyright {text-align:center; padding-top:10px;}
		



/*-----------------------------------------------
 blog entry
-----------------------------------------------*/
.blogEntry{ margin-bottom:20px; padding-bottom:20px;}
	.blogEntry .date {
		background:url(http://admin.dosugoi.net/_img/safari/date.gif) no-repeat right top;
		height:45px;
		font-weight:bold;
		text-align:right;
		color:#8a8a8a;
		line-height:35px;
		padding-right:10px;
	}
	
	.blogbody {}
		.blogbody .inner {}
	
		.blogbody h3.title {
			font-size:1.5em; 
			font-weight:bold;
			padding:0 15px;
			background:url(http://admin.dosugoi.net/_img/safari/title.gif) no-repeat 0 0;
			height:50px;
			line-height:50px;
		}
		.blogbody img {}
		
		.main{ margin:10px auto;}
		#more {margin-top:20px;}
		
		.blogbody .main-continues{ display:block; padding:10px 0;}
		
		.tag_list {}
		.posted {}
		
		.menu {margin-bottom:20px;}
		
		.ListPage .menu {width:250px; margin:0 auto 20px auto;}
		.ListPage .menu a {width:111px; height:26px; text-indent:-9999px; display:block;}
			.ListPage .menu a.P_prev {background:url(http://admin.dosugoi.net/_img/safari/icon_PrevPage.gif) no-repeat 0 0; float:left; } /* ????? */
			.ListPage .menu a.P_next {background:url(http://admin.dosugoi.net/_img/safari/icon_NextPage.gif) no-repeat 0 0; float:right;} /* ????? */
			

		

/*-----------------------------------------------
 calender
-----------------------------------------------*/
.calender {text-align:center; margin-bottom:20px;}
.calendarhead {margin-bottom:5px;}
	.calendarhead a {font-weight:bold; margin:0 5px;}


.calendartable {width:100%; margin:0; padding:0;}
.calendartable th,
.calendartable td {padding:3px;}

.calendartable th { font-weight:bold;}	
.calendartable .today {font-weight:bold; background:url(http://admin.dosugoi.net/_img/safari/today.gif) no-repeat center center;}



/*-----------------------------------------------
 side contents
-----------------------------------------------*/

.sidetitle {
	height:32px;
	width:200px;
	overflow:hidden;
	line-height:32px;
	font-weight:bold;
	text-indent:20px;
	background:url(http://admin.dosugoi.net/_img/safari/sidetitle.gif) no-repeat 0 0;
}

.side {
	margin-bottom:20px;
	padding:10px 0;
}



/* ?????? -------------------------- */
.search .side {text-align:center;}


/* ?????? -------------------------- */
.photo{text-align:center;}
.nickname{
	font-weight:bold;
	text-align:center;
	color: #33CCFF;
}
.message{}


/* RSS -------------------------- */

ul.rss{text-align	:center; width:100%; margin-bottom:20px;}
ul.rss li	{
	border-right:#999 1px solid;
	display:inline;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	letter-spacing:0.2px;
	margin-right:0.3em;
	padding-right	:0.5em;
	padding-left:0.2em;
}


/* trackback -------------------------- */

#trackbacks { padding-top:10px;}

	#tbURL{ background: url(http://admin.dosugoi.net/_img/safari/trackback_bg.gif) no-repeat 0 0; height:68px; margin-bottom:20px;}
		.trackback-title{ text-indent:-9999px;}
		.trackback-url{font-weight:bold; padding-left:20px; margin-top:18px;}
	
	#trackbacks .comments-head {background:url(http://admin.dosugoi.net/_img/safari/trackback_ttl.gif) no-repeat 0 0; height:30px; text-indent:-9999px;}

	.trackbacks{ margin-bottom:20px; padding:0 10px;}
		.trackback-body{}
		.trackback-post{text-align:right;}


/* comment -------------------------- */
#comments{padding-top:20px;}

	#comments .comments-head {background:url(http://admin.dosugoi.net/_img/safari/comment_ttl.gif) no-repeat 0 0; height:33px; text-indent:-9999px;}

	.comments {margin-bottom:20px; padding:0 10px;}
		.comments-body{}
		.comments-post{text-align:right;}


/* comment post */
#comments label {font-weight:bold;}

#author,
#email,
#url{width:200px;}

#text{width	:400px;height:200px;}

#comments table td,
#comments table th {padding:5px;}

#comments table th {text-align:right;}


/* trackback/comment ?? -------------------------- */
.comments-head{font-weight:bold; margin-bottom:20px; padding-bottom:10px;}


div.c3_social_button:after{content:'';clear:both;display:block;} li.c3_social_button:nth-child(2n+1) {clear: both;margin-right:5px;max-width:130px;margin-bottom: 0em;} li.c3_social_button{margin-right:5px;max-width:130px;margin-bottom: 0em;}
