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

.iframeBox{
position:relative;
width:100%;
margin-bottom:15px;
}
 
.iframeBox iframe{
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important
}

/*---------------------------------
Comments 
----------------------------------*/

#comments	{
	padding:0;
	margin:30px 0 30px 0;
	}

#comments h3	{
	padding:5px 5px 5px 10px;
	color: #604804;
	margin:0;
	clear: both;
	background:url(images/entryDataBack.gif) repeat;
	display:block;
	overflow: hidden;	
	}

#comments #respond{
	margin-top: 20px;
	}

#comments p	{font-size:14px;}

#comments p.comment-form-email,
#comments p.comment-form-url,
#comments p.comment-form-comment,
#comments p.form-submit{
	margin-top:15px;
	}

#author,
#email,
#url{
	width:300px;
	}

#comments p a	{color: #0c8bcd}

#comments input, #comments textarea
	{display: block}

#comments textarea	{width: 450px}


#comments #submit {
    background: url("images/commentSend.gif") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
		width:159px;
    display: block;
    height: 36px;
    padding: 15px 25px 0 10px;
    text-align: center;
    text-decoration: none;
		border: medium none;
    cursor: pointer;
		text-indent:-9999px;
}

#comments #submit:hover {
	background-position:0 -36px;
	}

#comments .required	{color: #ff0000}

#comments #commentform{
	margin-top:20px;
	}


#comments ul	{margin: 0;
	padding: 0}

#comments li.compost	{
	background-color:#fbf8f1;
	list-style-type: none;
	border-bottom:solid 1px #dccaa2;
	margin-top: 20px;
	padding:10px 20px;}

#comments p.cominfo	{
	margin-top: 8px;
	text-align: left;}


/*---------------------------------
clearfix
----------------------------------*/

.clearfix:after, header#pageheader:after,
#container:after, nav:after,
hgroup:after, nav ul#menu-nav:after,
footer:after, section:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

/*---------------------------------
container
----------------------------------*/

html{
	overflow-x : hidden;
	overflow-y : auto;
}

body	{font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	background:url(images/backGround.jpg);
	margin: 0;
  	overflow-x : hidden;
 	overflow-y : auto;
}

div#container	{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	position: relative;
	overflow: hidden}

/*---------------------------------
header
----------------------------------*/

header#pageheader	{
	height:207px;
	background:url(images/headerLine.gif) no-repeat center top;
}

hgroup	{
	width: 940px;
	margin-left:auto;
	margin-right:auto;
	padding:25px 0 0 0;
	position: relative;
	overflow: hidden;
	height:95px;}
	

/* Firefox hack start */
@-moz-document url-prefix() {
	hgroup{
		padding:25px 0 0 0;
　　　　 }
}
/* Firefox hack end */


header#pageheader h1	{
	margin: 0;
	padding-right:10px;
	float: left;}

header#pageheader h2	{
	color: #666666;
	font-size: 0.75em;
	margin: 0;
	padding-top: 35px;
	text-align: right;
	font-weight: normal}


/*---------------------------------
navigation
----------------------------------*/

nav	{
	width: 940px;
	margin:0 auto;
	padding:0;
	overflow: hidden;
	}

nav ul#menu-nav	{
	background:url(images/naviParts.jpg) 0 0;
	width: 940px;
	margin:0 auto;
	padding:0;
	height: 75px;
	list-style:none;
	float:left;	
	}
	
nav ul#menu-nav li	{
	list-style-type:none;
	display:inline;
	float:left;
	height: 75px;}

nav ul#menu-nav li a	{
	height:75px;
	text-decoration:none;
	float:left;
	display:block;
	text-indent:-9877em;
	}

/*------off*/
nav ul#menu-nav li.menu-item-19 a {
	background:url(images/naviParts.jpg) no-repeat 0px 0px;
	width:156px;
}
nav ul#menu-nav li.menu-item-6 a {
	background:url(images/naviParts.jpg) no-repeat -156px 0px;
	width:157px;
}
nav ul#menu-nav li.menu-item-13 a {
	background:url(images/naviParts.jpg) no-repeat -313px 0px;
	width:157px;
}
nav ul#menu-nav li.menu-item-14 a {
	background:url(images/naviParts.jpg) no-repeat -470px 0px;
	width:157px;
}
nav ul#menu-nav li.menu-item-15 a {
	background:url(images/naviParts.jpg) no-repeat -627px 0px;
	width:157px;
}
nav ul#menu-nav li.menu-item-35 a {
	background:url(images/naviParts.jpg) no-repeat -784px 0px;
	width:156px;
}

/*------hover*/
nav ul#menu-nav li.menu-item-19 a:hover {
	background:url(images/naviParts.jpg) no-repeat 0px -75px;
}
nav ul#menu-nav li.menu-item-6 a:hover {
	background:url(images/naviParts.jpg) no-repeat -156px -75px;
}
nav ul#menu-nav li.menu-item-13 a:hover {
	background:url(images/naviParts.jpg) no-repeat -313px -75px;
}
nav ul#menu-nav li.menu-item-14 a:hover {
	background:url(images/naviParts.jpg) no-repeat -470px -75px;
}
nav ul#menu-nav li.menu-item-15 a:hover {
	background:url(images/naviParts.jpg) no-repeat -627px -75px;
}
nav ul#menu-nav li.menu-item-35 a:hover {
	background:url(images/naviParts.jpg) no-repeat -784px -75px;
}

/*------on*/
body.category-webdesign nav ul#menu-nav li.menu-item-19 a {
	background:url(images/naviParts.jpg) no-repeat 0px -75px;
		width:156px;
}
body.category-webservice nav ul#menu-nav li.menu-item-6 a {
	background:url(images/naviParts.jpg) no-repeat -156px -75px;
	width:157px;
}
body.category-marketing nav ul#menu-nav li.menu-item-13 a {
	background:url(images/naviParts.jpg) no-repeat -313px -75px;
	width:157px;
}
body.category-health nav ul#menu-nav li.menu-item-14 a {
	background:url(images/naviParts.jpg) no-repeat -470px -75px;
	width:157px;
}
body.category-dailiy nav ul#menu-nav li.menu-item-15 a {
	background:url(images/naviParts.jpg) no-repeat -627px -75px;
	width:157px;
}
body.page-template-about-php nav ul#menu-nav li.menu-item-35 a {
	background:url(images/naviParts.jpg) no-repeat -784px -75px;
	width:156px;
}


/*---------------------------------
content
----------------------------------*/

div#content{
	width:668px;
	float:left;
	margin:0;
	padding:0;
	}

article	{width: auto;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	}

article section	{clear: both;
	border: solid 1px #aaaaaa;
	margin: 20px 0 10px;
	padding: 18px;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px; 	
	overflow: hidden;
	background:#FFF;
	box-shadow: 1px 1px 3px #af944a;
	behavior: url(http://nishizm.com/wp/wp-content/themes/nishizawanoblog/common/PIE.htc);
	position: relative;}


article section header h1	{background: none;
	font-size: 32px;
	color: #604804;
	line-height: 1.5;
	padding-left: 0;
	padding-bottom:4px;
	margin: 0;
	font-weight: normal;
	float: left;}
	
article section header h1 span	{
	padding-right:5px;
	padding-top:14px;
	display:inline;
	vertical-align:middle;}

	
article section header ul.entry-date	{
	clear: both;
	background:url(images/entryDataBack.gif) repeat ;
	padding-bottom:3px;
	padding-left:0px;
	display:block;
	overflow: hidden;
	list-style: none outside none;
}

body.page-template-about-php article section header ul.entry-date,
body.page-template-contact-php  article section header ul.entry-date{
	height:26px;
}



article section header ul.entry-date li	{
	display:inline;
	margin-left:8px;
	font-size:80%;
	}

article section header ul.entry-date li span	{
	font-weight:bold;
	color:#604804;
	}

.entry-tag{
	display:block;
	white-space: nowrap;
	}

.entry-day{
	text-align:right;
	float:right;
	padding:3px 10px 0 0;
	}

article section p	{
	font-size: 16px;
	color: #604804;
	margin-left: 240px;
	line-height:1.7;}

article .more-link {
	float: right;
	padding:0;
	margin:0;
	}

.new-ribbon {
	background:url(images/newRibbon.png) no-repeat scroll left top transparent;
	height: 69px;
	right: 0;
	opacity: 0.9;
	position: absolute;
	top: -1px;
  width: 69px;
  z-index: 10;
	text-indent:-999px;
	}

::selection {
	background: #fff9e9 !important;
}

::-moz-selection {
	background: #fff9e9 !important;
}


/*---------------------------------
sidebar
----------------------------------*/

div#sidebar{
	float:right;
	width:250px;
	margin:22px 0 0 0;
	padding:0;
	}

div#sidebar .ad	{
	margin-bottom:15px;
	}

div#sidebar .ad a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


div#sidebar aside	{
	margin-bottom:20px;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px; 	
	overflow: hidden;
	behavior: url(http://nishizm.com/wp/wp-content/themes/nishizawanoblog/common/PIE.htc);
	position: relative;	
	}

#recent-entry	{
	background:url(images/sideBackEntry.gif) repeat-x scroll center top #fff;
	}

#tag	{
	background:url(images/sideBackTag.gif) repeat-x scroll center top #fff;
	}

#twitter	{
	background:url(images/sideBackTwitter.gif) repeat-x scroll center top #fff;
	}
	
#popular	{
	background:url(images/sideBackPopular.gif) repeat-x scroll center top #fff;
	}


#follow	{
	text-align:right;
	padding:10px 12px 3px 0;
	margin:0;
	border-top:1px solid #76a6d4;
	}

div#sidebar aside hgroup{
	height:40px;
	width:250px;
  overflow: hidden;	
	padding:0;
	margin:0;
	}

div#sidebar aside#recent-entry hgroup h2,
div#sidebar aside#tag hgroup h2,
div#sidebar aside#twitter hgroup h2,
div#sidebar aside#popular hgroup h2{
	padding:0;
	margin:10px;
	font-size:18px;
	font-weight:bold;
	color:#604804;
}

.shadow{
	text-shadow: 0 1px #FFF;
	behavior: url(http://www.nishizm.com/html5/common/PIE.htc);
	position: relative;	
}


div#sidebar aside#recent-entry ul,
div#sidebar aside#tag ul,
div#sidebar aside#twitter ul,
div#sidebar aside#popular ul{
	font-size:14px;
	line-height: 1.8;
	clear: both;
	padding:10px 10px 15px 10px;
	margin:0;
	display:block;
	list-style: none outside none;
	}
	
div#sidebar aside#popular ul li{
	margin-bottom:5px;
	line-height: 1.7;
	float: left;
	display:block;
	width:100%;
	}
		
div#sidebar aside#popular ul li a img.wpp-thumbnail{
	margin-right:10px;
	margin-top:5px;
	margin-bottom:10px;
	border:solid 1px #e5e5e5;
	}	

div#sidebar aside#popular ul li a{
	}	

div#sidebar aside#recent-entry ul li{
	background:url(images/arrow.gif) no-repeat left 8px transparent ;
	padding-left:10px;
	margin:0;
	display:block;
	}

div#sidebar aside#tag ul li{
	background:url(images/arrow02.gif) no-repeat left center transparent ;
	padding-left:10px;
	margin:0;
	display:inline;
	white-space: nowrap;
	}

div#sidebar aside#tag ul li a{
	padding-right:10px;
	margin:0;
	}

div#sidebar aside#twitter ul li{
	border-bottom:solid 1px #76a6d4;
	margin:0;
	display:block;
	padding:5px 0;
	}

/*---------------------------------
footer
----------------------------------*/

footer {
    background:url(images/footerBack.gif) no-repeat scroll center top transparent;
  clear: both;
  display: block;
  overflow: hidden;
	padding-top:23px;
	margin-top:30px;
	font-size:14px;
	position:relative;
}

footer p#gototop 	{
	width: 100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	}

footer .footerContents	{
	width: 940px;
	margin:0 auto;
	padding:0;
	display:block;
	color:#FFF;
	}

footer .footerContents h3	{
	margin:5px 0 10px 0;
	padding:0;
	}

footer .footerContents section#aboutSite	{
	width:455px;
	float:left;
	padding:0;
	display:block;
	margin:0;
	}

footer .footerContents section#aboutMe	{
	width:455px;
	float:right;
	padding:0;
	display:block;
	margin:0;
	}

footer .footerContents .text	{
	width:271px;
	float:right;
	display:block;
	}

	
footer .footerContents figure	{
	width: 169px;
	float:left;
	padding:0;
	margin:0;
	}



ul#contact	{
	list-style: none outside none;
	background:url(images/contactBack.gif) no-repeat scroll center top transparent;
	height:48px;
	width:271px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	padding:12px 0 0 0;
	}


ul#contact li	{
	display:inline;
	margin-left:8px;
	}


#copyright{
	clear:both;
	text-align:center;
	padding-top:10px;
	border-top: solid 1px #b3aa79;
	color:#FFF;
	font-weight:bold;
	}

.margin250{
	margin-top:250px;
	margin-bottom:20px;
	}


body.page-template-about-php figure.post-img	{
	background:url(images/figBack.gif) no-repeat scroll center top transparent !important;
	width:220px;
	height:220px;
	display:block;
	margin: 0 20px 30px 0 !important;	
  float: left;	
	}

figure.post-img	{
	background:url(images/figBack.gif) no-repeat scroll center top transparent;
	width:220px;
	height:220px;
	display:block;
	margin: 0;	
  float: left;	
	}

figure.post-img img.attachment-post-thumbnail,
figure.post-img img.thumbnail{
	padding:2px;
	}

strong, em {
    font-weight:normal;
		background: none repeat 0 0 #fceae5;
		color:#322500;
		
}

/*---------------------------------
link
----------------------------------*/

article section header h1	a,
article section header h1	a:visited,
article section header h1	a:link	{
	color: #604804;
  text-decoration:none;
}

article section header h1	a:hover {
    text-decoration:underline;
}

#sidebar ul li a,
#sidebar ul li a:visited,
#sidebar ul li a:link{
	color: #76a6d4;
  text-decoration:none;
}

#sidebar ul li a:hover {
	color: #f48b70;
	text-decoration:underline;
}

header ul.entry-date a,
header ul.entry-date a:visited, 
header ul.entry-date a:link,
#content .mainArea a,
#content .mainArea a:visited,
#content .mainArea a:link,
ul#relation a,
ul#relation a:visited,
ul#relation a:link{
	color: #76a6d4;
  text-decoration:none;
}

header ul.entry-date a:hover,
#content .mainArea a:hover,
ul#relation a:hover{
	color: #f48b70;
	text-decoration:underline;
}

a img {
    border-style:none;
}
  
/*---------------------------------
個別ページ
----------------------------------*/

article section .mainArea h2	{
	font-size: 20px;
	color: #604804;
	line-height:1.3;
	background:url(images/buret01.gif) no-repeat left center transparent ;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	margin:30px 0 10px 0;
	display:block;
	}


body.page-template-about-php article section .mainArea h2	{
	clear:both;
	font-size: 20px;
	color: #604804;
	line-height:1.7;
	background:url(images/buret01.gif) no-repeat left center transparent ;
	padding-left:20px;
	margin:30px 0 10px 0;
	display:block;}

article section .mainArea h3	{
	font-size: 18px;
	color: #604804;
	margin:15px 0 10px 0;
	display:block;}	

article section .mainArea p	{
	font-size: 16px;
	color: #604804;
	padding:0;
	margin:0 0 20px 0;
	line-height:1.7;}

article section .mainArea img.size-full	{
	background: url("images/backGround02.jpg") repeat scroll 0 0 transparent;
	max-width:100%;
	height:auto;
	padding:3px;
}


article section .mainArea blockquote {
	background: #fbf8f1 url(images/blockquote.png) no-repeat 7px top;
	color: #604804;
    border-left: 5px solid #e8dcc0;
    font-style:normal;
    margin: 20px 0;
    padding: 25px 10px 5px 20px;
}

article section .mainArea ul{
	font-size:16px;
	color: #604804;
	line-height: 1.7;
	clear: both;
	padding:0 10px 20px 0px;
	margin:0;
	display:block;
	list-style: none outside none;
	}	
	
article section .mainArea ul.normal li{
	background:url(images/arrow04.gif) no-repeat left 8px transparent ;
	padding-left:20px;
	margin:0;
	display:block;
	}
	
article section .mainArea ul.outlink li{
	background:url(images/arrow05.gif) no-repeat left 8px transparent ;
	padding-left:20px;
	margin:0;
	display:block;
	}

article section .mainArea ul.linkBox{
	border: #76a6d4 dashed 1px;
	background: #f5f8fe;
	padding:15px;
	margin: 20px 0 20px 0;
	}

article section .mainArea ul.linkBox li{
	background:url(images/arrow05.gif) no-repeat left 8px transparent ;
	padding-left:20px;
	margin:0;
	display:block;
	padding-bottom:-10px;
	}
	
article section .mainArea ul.rakuten{
	border: #bf0000 dashed 1px;
	background: #fef7f7;
	padding:10px;
	margin: 0 0 40px 0;
	display:block;
	}

article section .mainArea ul.rakuten li{
	background:url(images/arrow-rakuten.gif) no-repeat left 4px transparent ;
	padding-left:20px;
	margin:0;
	display:block;
	padding-bottom:-10px;
	}

article section .mainArea ul.amazon{
	border: #fc9b18 dashed 1px;
	background: #fff7ec;
	padding:10px;
	margin: 20px 0 10px 0;
	display:block;
	}

article section .mainArea ul.amazon li{
	background:url(images/arrow-amazon.gif) no-repeat left 4px transparent ;
	padding-left:20px;
	margin:0;
	display:block;
	padding-bottom:-10px;
	}

.outlink02{
	background:url(images/arrow05.gif) no-repeat left 8px transparent ;
	padding-left:20px;
	margin:0;
	display:block;
	}
	

table.tbl01 thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}

table.tbl01 thead tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}

table.tbl01 thead th {
padding: 7px;
text-align:center;
border: 1px solid #ccc;
background: #fcf4e2;
}

table.tbl01 {
border-collapse: collapse;
width:100%;
color: #604804;
}

table.tbl01 tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}

table.tbl01 tbody th {
border: 1px solid #ccc;
text-align:left;
padding-left:2%;
background: #fcf4e2;
}

table.responsive tbody th.jpn {
	width:10%;
	}

table.responsive tbody th.eng {
	width:15%;
	}

table.responsive tbody th.aim {
	width:25%;
	}

table.responsive tbody th.carbohydrate {
	width:15%;
	}


table.tbl01 tbody td{
padding: 7px;
display: table-cell;
vertical-align: inherit;
border: 1px solid #ccc;
text-align:left;
}

table.tbl01 tbody tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}

/*---------------------------------
pagenation pagenum
----------------------------------*/


.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:13px;
line-height:13px;
text-align:center;
}

.pagination span {
margin: 6px 6px 6px 0;
color:#5c542a;
}

.pagination a {
margin: 6px 6px 6px 0;
padding: 5px 8px 4px;
text-decoration:none;
width:auto;
color:#604804;
background:url(images/paginationBack_off.gif);
border:#ba9740 dashed 1px;
}
 
.pagination a:hover{
color:#fff;
background:url(images/paginationBack_on.gif);
}
 
.pagination .current{
padding: 5px 8px 4px;
font-weight:bold;
background:url(images/paginationBack_on.gif);
color:#fff;
border:#ba9740 solid 1px;
}


/*---------------------------------
twitter-ticker
----------------------------------*/

div#sidebar #twitter-ticker{
	/* Styling the ticker */
	height:350px;
	color:#666666;
	display:none;
}

div#sidebar #tweet-container{
	/* This is where the tweets are inserted */
	height:350px;
	width:250px;
	overflow:hidden;
}


div#sidebar .tweet{
	/* Affects the tweets */
	margin:8px;
	border-bottom:1px solid #76a6d4;
	overflow:hidden;
}

div#sidebar .tweet .avatar,
div#sidebar .tweet .user,
div#sidebar .tweet .time{
	float:left;
}

div#sidebar .tweet .time{
	font-size:10px;
	color:#baa15f;
	white-space:nowrap;
}

div#sidebar .tweet .avatar img{
	width:36px;
	height:36px;
	border:2px solid #eeeeee;
	margin:0 5px 0 0;
}

div#sidebar .tweet .txt{
	clear:both;
	font-size:13px;
	line-height:19px;
	padding-bottom:5px;
	color:#604804;
}

div#sidebar .tweet .user{
	font-weight:bold;
	font-size:12px;
	width: 140px;
}

div#sidebar .tweet .time{
	font-weight:bold;
	font-size:12px;
}

div#sidebar .tweet .user a, 
div#sidebar .tweet .user a:link, 
div#sidebar .tweet .user a:visited,
div#sidebar .tweet .txt a, 
div#sidebar .tweet .txt a:link, 
div#sidebar .tweet .txt a:visited{
    color: #76a6d4;
    text-decoration: none;
}


div#sidebar #loading{
	/* The loading gif animation */
	margin:100px 95px;
}

div#sidebar .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

div#sidebar .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right:0px;
	top:0;
	height: 100%;
	background: #e7e7e7;
}
div#sidebar .jScrollPaneDrag {
	position: absolute;
	background: #76a6d4;
	cursor: pointer;
	overflow: hidden;
}
div#sidebar .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
div#sidebar .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

div#sidebar .jScrollPaneDrag:hover {
	background: #f8c5b8;
}

  
/*---------------------------------
relation
----------------------------------*/

.relationArea{
	margin:30px 0 0 0;
	}

ul#relation{
	margin:20px 0 0 0;
	padding:0;
	color:#604804;
	}

ul#relation li{
	width:141px;
	margin:0 18px 10px 0;
	float:left;
	list-style:none;
	background:none;
	}
	
ul#relation li:last-child{
	margin:0 0 10px 0;
}

ul#relation li img{
	background: url(images/figBack.gif) no-repeat scroll center top transparent;
	width:137px;
	height:137px;
	display:block;
	padding:2px;
	margin-bottom:5px;
	}

ul#relation li img:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}
	
ul#relation li h4{
	padding:0;
	margin:0;
	font-weight: normal;
	font-size: 80%;
	line-height: 21px;
	}

article section .relationArea h3	{
	padding:5px 5px 5px 10px;
	color: #604804;
	margin:0;
	clear: both;
	font-size: 18px;
	background:url(images/entryDataBack.gif) repeat;
	display:block;
	overflow: hidden;	
	}
  
/*---------------------------------
morePostArea
----------------------------------*/

ul#morePostArea {
    background: url("images/backGround02.jpg") repeat scroll 0 0 transparent;
    height: auto;
	margin:10px -18px -50px -18px; 
	padding:0 0 40px 0;
	overflow: hidden;
	font-size:80%;
	font-weight:bold;
}

ul#morePostArea li{
	width:45%;
	list-style:none;
	background:none;
	}

ul#morePostArea li.previousPost{
	padding	:10px 0 0 5px;
	margin:0 0 0 10px;
	float:left;
	display:block;
	}

ul#morePostArea li.nextPost{
	padding	:10px 5px 0 0;
	margin:0 10px 0 0;
	float:right;
	display:block;
	}

ul#morePostArea li a,
ul#morePostArea li a:visited,
ul#morePostArea li a:link{
	color: #76a6d4;
  text-decoration:none;
	font-weight:normal;
}

ul#morePostArea li a:hover {
	color: #f48b70;
	text-decoration:underline;
}



/*---------------------------------
contact
----------------------------------*/

form input[type="text"], .searchform-input-wrapper input, form textarea {
    background-color: #fbf8f1;
    border-top: 2px solid #e8dcc0;
    border-left: 2px solid #e8dcc0;
    border-right: 0px solid #e8dcc0;
    border-bottom: 0px solid #e8dcc0;			
    color: #604804;
    font-size: 14px;
    padding: 5px;
}

form textarea {
	width:400px;
    border-right: 0px solid #e8dcc0;
    border-bottom: 0px solid #e8dcc0;		
}

.wpcf7 p {
  margin:10px 0 20px 0 !important;
}

.wpcf7-submit {
    background: url("images/send.gif") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
		width:111px;
    display: block;
    height: 36px;
    padding: 15px 25px 0 10px;
    text-align: center;
    text-decoration: none;
		border: medium none;
    cursor: pointer;
		text-indent:-9999px;
}
	
.wpcf7-submit:hover {
	background-position:0 -36px;
	}


/*---------------------------------
wp_social_bookmarking_light
----------------------------------*/

div.wp_social_bookmarking_light{
	padding:10px 20px 10px 20px !important;
	margin:15px 0 15px 0 !important;
	background:url(images/socialGround.jpg);
	display:block;
	overflow: hidden;
	border: 0 !important;
	}
div.wp_social_bookmarking_light div:nth-child(4){
	width:60px;
	}

div.wp_social_bookmarking_light div{
	float:left;
	border:0;
	padding:0 8px 0px 0 ;
	margin:0;
	height:21px;
	text-indent:0;
	}

div.wp_social_bookmarking_light img{
	border:0;
	padding:0;
	margin:0;
	vertical-align:top;
	}

.wp_social_bookmarking_light_clear{
	clear:both;
	}
	
/*---------------------------------
mainAd
----------------------------------*/	

.mainAd{
	text-align:center;
	}

.mainAd02{
	text-align:center;
	margin-top:10px;
	}


/*---------------------------------
media queries
----------------------------------*/

/* ====== PC用の設定 ====== */
@media screen and (max-width: 940px) {

div#sidebar #tweet-container{
	width:100%;
}

div#container	{width:	100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;}

hgroup	{
	width:	96%;
	margin-left:auto;
	margin-right:auto;
	padding:25px 0 0 0;
	position: relative;
	overflow: hidden;
	height:95px;}

div#content{
	width:96%;
	float:none;
	margin:0 auto;
	}	

div#sidebar{
	float:none;
	width:96%;
	margin:0 auto;
	padding:0;
	}

div#sidebar .ad{
	margin:25px auto 15px auto;
	text-align:center;
	}

		
div#sidebar #twitter-ticker iframe{
	height:350px;
}	
	
div#sidebar #twitter-ticker iframe{
	width:100%;
}	

footer {
	width:100%;
	overflow-x : hidden;
	}

footer .footerContents	{
	width:100%;
}

footer {
    background:url(images/footerBack_l.gif) no-repeat scroll center top transparent;
}

footer .footerContents	{
	width:96%;
}

footer .footerContents section#aboutSite,
footer .footerContents section#aboutMe{
	width:100%;
	float:left;
	}

footer .footerContents figure	{
	float:left;	
	padding:0;
	margin-right:20px;
	}

footer .footerContents .text	{
	display:block;
	width: 100%;
	float:none;
	}
	
ul#contact	{
margin-left:189px;	}

}

/* ====== タブレット用の設定 ====== */

@media screen and (max-width: 760px) {

header#pageheader	{
background:url(images/headerLine760.gif) no-repeat center top;
}

div#content{
	width:96%;
	float:none;
	margin:0 auto;
	}	
	
article section.top{
	margin-top:0;
	}		

div#sidebar #twitter-ticker iframe{
	height:350px;
}	
	
header#pageheader h2 {
    padding-top: 25px;
 }	

nav ul#menu-nav	{
	background:url(images/naviParts760.jpg) 0 0;
	width: 760px;
	height: 65px;
	}
	
nav ul#menu-nav li	{
	height: 65px;
	}

nav ul#menu-nav li a	{
	height:65px;
	}

/*------off*/
nav ul#menu-nav li.menu-item-19 a {
	background:url(images/naviParts760.jpg) no-repeat 0px 0px;
	width:126px;
}
nav ul#menu-nav li.menu-item-6 a {
	background:url(images/naviParts760.jpg) no-repeat -126px 0px;
	width:127px;
}
nav ul#menu-nav li.menu-item-13 a {
	background:url(images/naviParts760.jpg) no-repeat -253px 0px;
	width:126px;
}
nav ul#menu-nav li.menu-item-14 a {
	background:url(images/naviParts760.jpg) no-repeat -379px 0px;
	width:126px;
}
nav ul#menu-nav li.menu-item-15 a {
	background:url(images/naviParts760.jpg) no-repeat -505px 0px;
	width:127px;
}
nav ul#menu-nav li.menu-item-35 a {
	background:url(images/naviParts760.jpg) no-repeat -632px 0px;
	width:128px;
}

/*------hover*/
nav ul#menu-nav li.menu-item-19 a:hover {
	background:url(images/naviParts760.jpg) no-repeat 0px -65px;
}
nav ul#menu-nav li.menu-item-6 a:hover {
	background:url(images/naviParts760.jpg) no-repeat -126px -65px;
}
nav ul#menu-nav li.menu-item-13 a:hover {
	background:url(images/naviParts760.jpg) no-repeat -253px -65px;
}
nav ul#menu-nav li.menu-item-14 a:hover {
	background:url(images/naviParts760.jpg) no-repeat -379px -65px;
}
nav ul#menu-nav li.menu-item-15 a:hover {
	background:url(images/naviParts760.jpg) no-repeat -505px -65px;
}
nav ul#menu-nav li.menu-item-35 a:hover {
	background:url(images/naviParts760.jpg) no-repeat -632px -65px;
}

/*------on*/
body.category-webdesign nav ul#menu-nav li.menu-item-19 a {
	background:url(images/naviParts760.jpg) no-repeat 0px -65px;
		width:126px;
}
body.category-webservice nav ul#menu-nav li.menu-item-6 a {
	background:url(images/naviParts760.jpg) no-repeat -126px -65px;
	width:127px;
}
body.category-marketing nav ul#menu-nav li.menu-item-13 a {
	background:url(images/naviParts760.jpg) no-repeat -253px -65px;
	width:126px;
}
body.category-health nav ul#menu-nav li.menu-item-14 a {
	background:url(images/naviParts760.jpg) no-repeat -379px -65px;
	width:126px;
}
body.category-dailiy nav ul#menu-nav li.menu-item-15 a {
	background:url(images/naviParts760.jpg) no-repeat -505px -65px;
	width:127px;
}
body.page-template-about-php nav ul#menu-nav li.menu-item-35 a {
	background:url(images/naviParts760.jpg) no-repeat -632px -65px;
	width:128px;
}

}

/* ====== タブレット用の設定 ====== */
@media screen and (max-width: 480px) {

article section header ul.entry-date li {
	float:left;
}

#comments input, #comments textarea {
    width: 95%;
}  
   
form input[type="text"], .searchform-input-wrapper input, form textarea {
    width: 95%;
}

  
/* ヘッダー */
header#pageheader	{
height:252px;
background:url(images/headerLine480.gif) no-repeat center top;
}

div#content{
	width:96%;
	float:none;
	margin:0 auto;
	}	

article section header h1 {
    font-size: 25px;
    line-height: 1.5;
}


article section p	{
	margin:0;
	padding-top:15px;
	line-height:1.6;}
	

article section header h1 {
    padding-bottom: 6px;
}

article section header h1 img {
	width:35px;
	height:35px;
	}

body.page-template-about-php figure.post-img	{
	margin: 0 auto 15px auto !important;
    float: none;	
	}

figure.post-img	{
	margin: 0 auto;	
    float: none;	
	}

footer .footerContents section#aboutMe	{
	margin-top:15px;
	}

ul#contact	{
	float:left;
	}

ul#contact {
    margin-left: 0;
}

header#pageheader h2 {
    padding-top: 15px;
 }	

nav ul#menu-nav	{
	background:url(images/naviParts480.jpg) 0 0;
	width: 480px;
	height: 110px;
	}
	
nav ul#menu-nav li	{
	height: 55px;
	}

nav ul#menu-nav li a	{
	height:55px;
	}

/*------off*/
nav ul#menu-nav li.menu-item-19 a {
	background:url(images/naviParts480.jpg) no-repeat 0px 0px;
	width:160px;
	height:55px;
}
nav ul#menu-nav li.menu-item-6 a {
	background:url(images/naviParts480.jpg) no-repeat -160px 0px;
	width:160px;
	height:55px;	
}
nav ul#menu-nav li.menu-item-13 a {
	background:url(images/naviParts480.jpg) no-repeat -320px 0px;
	width:160px;
	height:55px;	
}
nav ul#menu-nav li.menu-item-14 a {
	background:url(images/naviParts480.jpg) no-repeat 0px -55px;
	width:160px;
	height:55px;	
}
nav ul#menu-nav li.menu-item-15 a {
	background:url(images/naviParts480.jpg) no-repeat -160px -55px;
	width:160px;
	height:55px;	
}
nav ul#menu-nav li.menu-item-35 a {
	background:url(images/naviParts480.jpg) no-repeat -320px -55px;
	width:160px;
	height:55px;	
}

/*------hover*/
nav ul#menu-nav li.menu-item-19 a:hover {
	background:url(images/naviParts480.jpg) no-repeat 0px -110px;
}
nav ul#menu-nav li.menu-item-6 a:hover {
	background:url(images/naviParts480.jpg) no-repeat -160px -110px;
}
nav ul#menu-nav li.menu-item-13 a:hover {
	background:url(images/naviParts480.jpg) no-repeat -320px -110px;
}
nav ul#menu-nav li.menu-item-14 a:hover {
	background:url(images/naviParts480.jpg) no-repeat 0 -165px;
}
nav ul#menu-nav li.menu-item-15 a:hover {
	background:url(images/naviParts480.jpg) no-repeat -160px -165px;
}
nav ul#menu-nav li.menu-item-35 a:hover {
	background:url(images/naviParts480.jpg) no-repeat -320px -165px;
}

/*------on*/
body.category-webdesign nav ul#menu-nav li.menu-item-19 a {
	background:url(images/naviParts480.jpg) no-repeat 0px -110px;
		width:160px;
}
body.category-webservice nav ul#menu-nav li.menu-item-6 a {
	background:url(images/naviParts480.jpg) no-repeat -160px -110px;
	width:160px;
}
body.category-marketing nav ul#menu-nav li.menu-item-13 a {
	background:url(images/naviParts480.jpg) no-repeat -320px -110px;
	width:160px;
}
body.category-health nav ul#menu-nav li.menu-item-14 a {
	background:url(images/naviParts480.jpg) no-repeat 0 -165px;
	width:160px;
}
body.category-dailiy nav ul#menu-nav li.menu-item-15 a {
	background:url(images/naviParts480.jpg) no-repeat -160px -165px;
	width:160px;
}
body.page-template-about-php nav ul#menu-nav li.menu-item-35 a {
	background:url(images/naviParts480.jpg) no-repeat -320px -165px;
	width:160px;
}

}

/* ====== スマートフォン用の設定 ====== */
@media screen and (max-width: 320px) {

ul#relation li{
	width:100%;
	}
	
ul#relation li img{
	margin:0 10px 0 0;
	float:left;
	}
	
ul#relation li h4{
	float:none;
	margin:0 0 0 0;
	}
	
article section header ul.entry-date li {
	float:left;
}

#comments input, #comments textarea {
    width: 95%;
}  
   
form input[type="text"], .searchform-input-wrapper input, form textarea {
    width: 95%;
}
  
header#pageheader	{
	height:302px;
	background:url(images/headerLine320.gif) no-repeat center top;
}


hgroup	{
	width: 320px;
	margin-left:auto;
	margin-right:auto;
	padding:25px 0 0 0;
	height:145px;}


header#pageheader h1	{
	float:none;
	margin: 0 auto;
	text-align:center;
}

header#pageheader h2	{
	display: block;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 94%;
}

div#content{
	width:96%;
	float:none;
	margin:0 auto;
	}	

nav ul#menu-nav	{
	background:url(images/naviParts320.jpg) 0 0;
	width: 320px;
	height: 110px;
	}
	
nav ul#menu-nav li	{
	height: 55px;
	}

nav ul#menu-nav li a	{
	height:55px;
	}

/*------off*/
nav ul#menu-nav li.menu-item-19 a {
	background:url(images/naviParts320.jpg) no-repeat 0px 0px;
	width:107px;
	height:55px;
}
nav ul#menu-nav li.menu-item-6 a {
	background:url(images/naviParts320.jpg) no-repeat -107px 0px;
	width:106px;
	height:55px;	
}
nav ul#menu-nav li.menu-item-13 a {
	background:url(images/naviParts320.jpg) no-repeat -213px 0px;
	width:107px;
	height:55px;	
}
nav ul#menu-nav li.menu-item-14 a {
	background:url(images/naviParts320.jpg) no-repeat 0px -55px;
	width:107px;
	height:55px;	
}
nav ul#menu-nav li.menu-item-15 a {
	background:url(images/naviParts320.jpg) no-repeat -107px -55px;
	width:106px;
	height:55px;	
}
nav ul#menu-nav li.menu-item-35 a {
	background:url(images/naviParts320.jpg) no-repeat -213px -55px;
	width:107px;
	height:55px;	
}

/*------hover*/
nav ul#menu-nav li.menu-item-19 a:hover {
	background:url(images/naviParts320.jpg) no-repeat 0px -110px;
}
nav ul#menu-nav li.menu-item-6 a:hover {
	background:url(images/naviParts320.jpg) no-repeat -107px -110px;
}
nav ul#menu-nav li.menu-item-13 a:hover {
	background:url(images/naviParts320.jpg) no-repeat -213px -110px;
}
nav ul#menu-nav li.menu-item-14 a:hover {
	background:url(images/naviParts320.jpg) no-repeat 0 -165px;
}
nav ul#menu-nav li.menu-item-15 a:hover {
	background:url(images/naviParts320.jpg) no-repeat -107px -165px;
}
nav ul#menu-nav li.menu-item-35 a:hover {
	background:url(images/naviParts320.jpg) no-repeat -213px -165px;
}

/*------on*/
body.category-webdesign nav ul#menu-nav li.menu-item-19 a {
	background:url(images/naviParts320.jpg) no-repeat 0px -110px;
		width:107px;
}
body.category-webservice nav ul#menu-nav li.menu-item-6 a {
	background:url(images/naviParts320.jpg) no-repeat -107px -110px;
	width:106px;
}
body.category-marketing nav ul#menu-nav li.menu-item-13 a {
	background:url(images/naviParts320.jpg) no-repeat -213px -110px;
	width:107px;
}
body.category-health nav ul#menu-nav li.menu-item-14 a {
	background:url(images/naviParts320.jpg) no-repeat 0px -165px;
	width:107px;
}
body.category-dailiy nav ul#menu-nav li.menu-item-15 a {
	background:url(images/naviParts320.jpg) no-repeat -107px -165px;
	width:106px;
}
body.page-template-about-php nav ul#menu-nav li.menu-item-35 a {
	background:url(images/naviParts320.jpg) no-repeat -213px -165px;
	width:107px;
}

}