/* Init
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6, address, blockquote, center, dir, div, dl, fieldset, form, hr, isindex, menu, noframes, ol, p, pre, table, ul {
	display : block;
}
a, abbr, acronym, applet, b, basefont, bdo, big, br, button, cite, code, dfn, em, font, i, iframe, img, input, kbd, label, map, object, q, ruby, s, samp, select, small, span, strike, strong, sub, sup, textarea, tt, u, var {
	display : inline;
}
* {
	margin : 0;
	padding : 0;
	font-style : normal;
	font-weight : normal;
}



.linkon:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
.clearfloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}
.fl { float:left; }
.fr { float:right; }
.rb { border-right:1px solid #ccc; }
.nb_top { border-top:none; }
.nb_bottom { border-bottom:none; }
.txtl { text-align:left; }
.txtc { text-align:center; }
.txtr { text-align:right; }
.p4 { padding:4px; }
.hovers:hover { background:#fc0; }

.mt15 { margin-top: 15px; }

.h25 { height:25px; }
.w20 {
	width:20px;
	overflow:hidden;
}
.w40 {
	width:40px;
	overflow:hidden;
}
.w80 {
	width:80px;
	overflow:hidden;
}
.w100 {
	width:100px;
	overflow:hidden;
}
.w110 {
	width:110px;
	overflow:hidden;
}
.w140 {
	width:140px;
	overflow:hidden;
}
.w150 {
	width:150px;
	overflow:hidden;
}
.w250 {
	width:150px;
	overflow:hidden;
}
.sideblockw {
	width:236px;
	margin:5px;
	padding:5px;
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:5px;
}
.sideblockw2 {
	width:236px;
	margin:5px;
	padding:5px;
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:5px;
}
.global_border {
	border:1px solid #ccc;
}
.line4in {
	border:1px solid #ccc;
}
.line4in5 {
	padding:6px;
	margin:3px
}
html body div#container div#wrapper div#primary-column.main div#contents div.entryfield img {
	height: auto;
	max-width: 640px;
}
.fc2_footer{
	display:block;
}

#header_x_main {
	float: left;
	width:100%;
}
#header_x_bloginfo {
	float: left;
	margin-left: 270px;
	margin-right: 240px;
	min-width:660px;
}
#header_x_blogmura {
	float: left;
	margin-left: -100%;
	width: 220px;
	text-align:center;
	padding-top:30px;
}
#header_x_counter {
	float: right;
	margin-left: -220px;
	width: 220px;
	text-align:center;
	padding-top:30px;
}

div#setting {
	position:absolute;
	z-index: 20;
	display:none;
	width:200px;;
	height:500px;
	color:#666;
	-webkit-box-shadow: inset 0px 0px 5px #999; /* Safari, Chrome用 */
	-moz-box-shadow: inset 0px 0px 5px #999; /* Firefox用 */
	box-shadow: inset 0px 0px 5px #999; /* CSS3 */
	-webkit-border-radius: 3px; /* Safari, Chrome用 */
	-moz-border-radius: 3px; /* Firefox用 */
	border-radius: 3px; /* CSS3 */
	background:#fff;
	padding:10px;
}
div#setting2 {
	position:absolute;
	z-index: 30;
	display:none;
	width:200px;;
	height:200px;
	color:#666;
	-webkit-box-shadow: inset 0px 0px 5px #999; /* Safari, Chrome用 */
	-moz-box-shadow: inset 0px 0px 5px #999; /* Firefox用 */
	box-shadow: inset 0px 0px 5px #999; /* CSS3 */
	-webkit-border-radius: 3px; /* Safari, Chrome用 */
	-moz-border-radius: 3px; /* Firefox用 */
	border-radius: 3px; /* CSS3 */
	background:#fff;
	padding:10px;
}

div#floatingmenu {
	/* position:absolute; */
	position:fixed;
	z-index: 10;
	margin:0px;
	padding:0px;
	width:100%;
	height:30px;
	top:70px;
}
div#floatingmenu div#globalmenu{
	margin-left:auto;
	margin-right:auto;
	width:700px;
	border:1px solid #ccc;
	background:#fff;
}
div#floatingmenu .ddown2 {
	display:none;
	width:700px;
	background:#fff;
	border:1px solid #ccc;
	text-align:left;
	padding:4px;
	
}
div#floatingmenu .ddown3 {
	display:none;
	width:350px;
	background:#fff;
	border:1px solid #ccc;
	text-align:left;
	padding:4px;
}
div#floatingmenu ul li {
	list-style: none;
}

div.moji {
	margin:2px;
	margin-right:auto;
	margin-left:auto;
	padding:2px;
	border:1px solid #000;
	background-color:#fff;
	width:140px;
	text-align:center;
}
div.moji a{
	color:#333;
}

div.commentbox {
	width:100%;
}
div.commentbox_image {
	float:right;
	width:160px;
}
div.commentbox_text {
	width:100%;
	float:right;
	margin-left:-180px;
}
div.commentbox_text>* {
	margin-left:180px;
}


/* Body
-------------------------------------------------- */
body {
	color : #666;
	background : #fff;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	text-align : center;
}


/* Headline
-------------------------------------------------- */
h1 {
	font-size : 225%;
}
h1 a {
	font-weight : bold;
}
h2 {
	font-size : 130%;
}
h2 span {
	font-weight : bold;
}
h3 {
	font-size : 150%;
	font-weight : bold;
}
h4 {
	font-size : 110%;
}
h5 {
	font-size : 105%;
}
h6 {
	font-size : 100%;
}


/* Paragraph
-------------------------------------------------- */
p {
	font-size : 100%;
}


/* Anchor
-------------------------------------------------- */
a {
	text-decoration : none;
}
a:link {
	/* color : #f60; */
}
a:visited {
	/* color : #f60; */
}
a:hover {
	color : #fff;
	background : #fc0;
}
a:active {
	color : #c00;
}
a img {
	border : none;
}


/* Container and Wrapper
-------------------------------------------------- */
div#container {
	width : 100%;
	margin-left : auto;
	margin-right : auto;
	text-align : left;
}
div#wrapper {
	float : left;
	width:100%;
	margin-top:100px;
}
div.main {
	margin : 10px 0;
}


/* Header
-------------------------------------------------- */
div#header {
	height : 100px;
	border-bottom : 1px solid #c9c7c7;
	width:100%;
	position:fixed;
}
div#header h1 {
	margin : 0 10px;
}
div#header p {
	margin : 0 10px;
}


/* Primary
-------------------------------------------------- */
div#primary-column {
	float : left;
	margin-left: 280px;
	margin-right: 280px;
}
div#contents {
	margin : 0 10px;
	min-width:640px;
}
div#primary-column h2 {
	display : none;
}
div.entryfield {
	margin-bottom : 50px;
}


div.entrybox {
	margin-top:20px;
	padding:15px;
}



div.entry-title {}
h3.entry-header {
	margin-top : 20px;
	padding-left : 26px;
}
ul.entry-community {
	list-style-type : none;
	text-align : right;
}
ul.entry-community li {
	display : inline;
}
li.entry-community-genre {
	margin-right : 0.5em;
}
li.entry-community-theme {
	margin-left : 0.5em;
}
div.entry-body {
	margin-top : 1.5em;
}
p.entry-more-link {
	margin-top : 2em;
}
div.entry-more {}
div.entry-adsense {
	margin : 2.5em 0 1em 0;
}
ul.entry-state {
	margin-top : 2em;
	list-style-type : none;
}
ul.entry-state li {
	display : inline;
}
li.entry-date {
	margin-right : 0.5em;
}
li.entry-category {
	margin : 0 0.5em;
}
li.entry-comment {
	margin : 0 0.5em;
}
li.entry-trackback {
	margin-left : 0.5em;
}
h3#comment-top, h3#comment-post, h3#comment-edit, h3#trackback-top {
	margin : 3em 0 1.5em 0;
}
div.commentfield {
	margin-bottom : 30px;
}
h4.comment-header {
	font-weight : bold;
}
div.comment-body {
	margin : 0.5em 0;
}
ul.comment-state {
	list-style-type : none;
}
ul.comment-state li {
	display : inline;
}
li.comment-date {
	margin-right : 0.5em;
}
li.comment-author {
	margin : 0 0.5em;
}
li.comment-author-site {
	margin : 0 0.5em;
}
li.comment-edit {
	margin-left : 0.5em;
}
div.trackbackfield {
	margin-bottom : 30px;
}
fieldset.comform {
	padding : 0.5em;
	border : none;
}
fieldset.comform legend {
	display : none;
}
dl.comment-form {}
dl.comment-form dt {
	margin : 0.2em 0;
}
dl.comment-form dd {
	margin : 0.5em 0;
}
kbd.acskey {
	border-bottom : 1px solid;
	font-family : inherit;
}
input.field, textarea.field {
	padding : 0.2em;
	font-size : 100%;
	font-family : "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "Osaka", "Helvetica", "Arial", "ＭＳ Ｐゴシック", sans-serif;
}
input#himitu {
	margin-right : 0.5em;
}
h4.trackback-header {
	font-weight : bold;
}
div.trackback-body {
	margin : 1em 0;
}
ul.trackback-state {
	list-style-type : none;
}
ul.trackback-state li {
	display : inline;
}
li.trackback-date {
	margin-right : 0.5em;
}
li.trackback-site {
	margin-left : 0.5em;
}
dl.tbadr {
	padding : 0.5em;
}
span.hide {
	display : none;
}
span.num {
	margin : 0 0.2em;
	color : #d37781;
	font-weight : bold;
}
ul.navi {
	margin-top : 5em;
	list-style-type : none;
	text-align : center;
}
ul.navi li {
	display : inline;
}
li.prev {}
li.up {
	margin : 0 2em;
}
li.next {}


/* Entry Body Text
-------------------------------------------------- */
div.entry-body h4, div.entry-body h5, div.entry-body h6 {
	margin : 1em 0;
}
div.entry-body p {
	margin : 1em 0;
}
div.entry-body ul, div.entry-body ol {
	margin : 1em 0;
	list-style-position : inside;
}
div.entry-body ul li, div.entry-body ol li {
	margin-left : 1em;
}
ul li ul, ul li ol, ol li ul, ol li ol {
	margin : 0.5em 0 0.5em 1em;
}
div.entry-body dl {
	margin : 1em 0;
}
div.entry-body dt {
	font-weight : bold;
}
div.entry-body dd {
	margin-left : 1em;
}


/* Secondary
-------------------------------------------------- */
div#secondary-column {
	float: right;
	margin-left: -260px;
	width: 260px;
}
div#secondary-column-up {
	margin:0px;
	margin-top:10px;
	padding:0px;
}
div#secondary-column-middle {
	margin:0px;
	padding:0px;
}
div#secondary-column-down {
	margin:0px;
	padding:0px;
}

div#appendix {
	width : 180px;
	margin : 0 10px;
}
div#secondary-column h2 {
	display : none;
}
div#secondary-column div.section {}
div#secondary-column h3 {
	margin : 0 0 1em 0;
	padding-left : 20px;
}
div#search form {
	margin : 1em 0;
}
div#search fieldset {
	border : none;
}
div#search legend {
	display : none;
}
div#secondary-column ul {
	margin : 1em 0;
	list-style-type : none;
}
ul.feeds li {
	padding-left : 30px;
}


/* Thirdly
-------------------------------------------------- */
div#thirdly-column {
	float : left;
	margin-left:-100%;
	width : 260px;
	margin-top:110px;
}
div#extra {
	width : 180px;
	margin : 0 10px;
}
div#thirdly-column h2 {
	display : none;
}
div#thirdly-column div.section {}
div#thirdly-column h3 {
	margin : 0 0 1em 0;
	padding-left : 20px;
}
div#search form {
	margin : 1em 0;
}
div#search fieldset {
	border : none;
}
div#search legend {
	display : none;
}
div#thirdly-column ul {
	margin : 1em 0;
	list-style-type : none;
}
ul.feeds li {
	padding-left : 30px;
}


/* Footer
-------------------------------------------------- */
div#footer {
	clear : both;
	border-top : 1px solid #c9c7c7;
}
div#footer p {
	text-align : center;
}


/* Image
-------------------------------------------------- */
.emoji {}
.thumb {
	display : block;
	margin : 1em;
}
.thumb-l {
	float : left;
	display : block;
	margin : 0 1em 1em 0;
}
.thumb-r {
	float : right;
	display : block;
	margin : 0 0 1em 1em;
}
.clear {
	clear : both;
}


/* Plug-In
-------------------------------------------------- */
table.calender {
	width : 180px;
	border-collapse : collapse;
}
table.calender th {
	width : 25px;
	background : #e7e1d8;
	text-align : center;
	border-top : 1px solid #ded7ce;
	border-right : 1px solid #ded7ce;
	border-left : 1px solid #ded7ce;
}
th#sat {
	color : #00c;
}
th#sun {
	color : #c00;
}
table.calender td {
	border : 1px solid #ded7ce;
	text-align : center;
}
th, td {
	padding : 0.2em;
}
caption, th, td {
	font-family : "Helvetica", "Arial", sans-serif;
}
caption, th, td { _font-size : 75%; }
div#extra iframe {
	width : 180px;
	overflow : scroll;
}


/* Make Tree List Non Plug-In
-------------------------------------------------- */
div#recent-comments ul, div#recent-trackbacks ul {
	margin : 0;
	padding : 0;
	list-style-type : none;
}
div#recent-comments ul.list-tree, div#recent-trackbacks ul.list-tree {
	margin : 1em 0;
}
div#recent-comments ul li ul li, div#recent-trackbacks ul li ul li {
	margin : 0;
	padding-left : 20px;
}
div#recent-comments ul li ul li.lastchild, div#recent-trackbacks ul li ul li.lastchild {

}


/* Make Tree List Plug-In
-------------------------------------------------- */
div#comment ul, div#trackback ul {
	margin : 0;
	padding : 0;
	list-style-type : none;
}
div#comment ul.list-tree, div#trackback ul.list-tree {
	margin : 1em 0;
}
div#comment ul li ul li, div#trackback ul li ul li {
	margin : 0;
	padding-left : 20px;
}
div#comment ul li ul li.lastchild, div#trackback ul li ul li.lastchild {

}


/* Decoration
-------------------------------------------------- */
abbr, acronym {
	border-bottom : 1px dotted;
	cursor : help;
}
cite {
	font-style : italic;
}
dfn {
	font-style : italic;
}
kbd {}
q {

	quotes : "「" "」" "『" "』" "‘" "'" "“" "”";
}
q:before {
	content : open-quote;
}
q:after {
	content : close-quote;
}
samp {
	font-family : monospace;
}
small {
	font-size : smaller;
}
em, strong {
	font-weight : bold;
}
sub {
	vertical-align : bottom;
}
sup {
	vertical-align : top;
}
var {
	font-style : italic;
}
blockquote {
	width : auto;
	_width : 100%;
	margin : 1em 0;
	padding : 0.5em 0.5em 0.5em 10px;
	border : 1px solid #fc0;
}
blockquote[title]:after {
	display : block;
	margin-bottom : 1em;
	content : "\30fb  " attr(title) "  \5f15 \7528 \5143 ";
}
blockquote p, blockquote dl, blockquote ul, blockquote ol {
	margin : 0.5em;
}
pre {
	width : auto;
	_width : 100%;
	margin : 1em 0;
	padding : 0.5em 0.5em 0.5em 10px;
	background : #f8ed8c;
	border : 1px solid #fc0;
	overflow : auto;
	_overflow : scroll;
}
code {
	font-family : monospace;
	text-indent : 0;
	line-height : 1.0;
}
ins {
	display : block;
	width : auto;
	_width : 100%;
	margin : 1em 0;
	padding : 0.5em 0.5em 0.5em 10px;
	background : #f8ed8c;
	border : 1px solid #fc0;
	text-decoration : none;
	_text-decoration : underline;
}
ins[datetime]:before {
	display : block;
	margin-bottom : 1em;
	content : "\30fb  " attr(datetime) "  \8ffd \8a18 ";
}
del {
	display : block;
	width : auto;
	_width : 100%;
	margin : 1em 0;
	padding : 0.5em 0.5em 0.5em 10px;
	background : #f8ed8c;
	border : 1px solid #fc0;
	text-decoration : none;
	_text-decoration : line-through;
}
del[datetime]:before {
	display : block;
	margin-bottom : 1em;
	content : "\30fb  "attr(datetime) "  \53d6 \308a \4e0b \3052 \2e \2e ";
}


/* Decoration Non Recommendation
-------------------------------------------------- */
i {
	font-style : italic;
}
b {
	font-weight : bold;
}
s {
	text-decoration : line-through;
}
u {
	text-decoration : underline;
}




/* ========================================================================== */
/* ここにカスタムCSSを記述します */
/* -------------------------------------------------------------------------- */

body { color : #000000; }
a { color : #000000; }
div#header div#header_x_main div#header_x_bloginfo h1 a { color : #00bfff; }
div#header div#header_x_main div#header_x_bloginfo p { color : #008b8b; }
div#primary-column.main.global_border div#contents div.entry-title h3.entry-header a { color : #6495ed; }
div#secondary-column  h3 { color : #ff6347; }
#thirdly-column h3 { color : #ff6347; }
.global_border { border-color : #000000; }
.line4in { border-color : #fffaf0; }
div#floatingmenu div#globalmenu { background : rgba(255, 255, 255, 0.8); }
div#floatingmenu .ddown2 { background : #fffacd; }
div#floatingmenu .ddown3 { background : #fffacd; }
#primary-column { background : rgba(255, 255, 255, 0.8); }
#secondary-column-middle { background : rgba(255, 255, 255, 0.8); }
#thirdly-column { background : rgba(255, 255, 255, 0.8); }
.settingtab { background : rgba(255, 255, 255, 0.8); }
div#floatingmenu div#globalmenu { background-image : url(http://blog-imgs-67.fc2.com/o/s/a/osakacoastcustoms/bg_w80.png); }
#primary-column { background-image : url(http://blog-imgs-67.fc2.com/o/s/a/osakacoastcustoms/bg_w80.png); }
#secondary-column-middle { background-image : url(http://blog-imgs-67.fc2.com/o/s/a/osakacoastcustoms/bg_w80.png); }
#thirdly-column { background-image : url(http://blog-imgs-67.fc2.com/o/s/a/osakacoastcustoms/bg_w80.png); }
.settingtab { background-image : url(http://blog-imgs-67.fc2.com/o/s/a/osakacoastcustoms/bg_w80.png); }
.nb_top { border-top : none; }
.nb_bottom { border-bottom : none; }


/* -------------------------------------------------------------------------- */






/* ========================================================================== */
/* Chrome対応(不具合未確認) */
/* -------------------------------------------------------------------------- */
@media only screen and (max-width:1300px){
	div#contents { min-width:480px; }
	html body div#container div#wrapper div#primary-column.main div#contents div.entryfield img {
		max-width:480px;
	}
}
@media only screen and (max-width:1126px){
	div#contents { min-width:400px; }
	html body div#container div#wrapper div#primary-column.main div#contents div.entryfield img {
		max-width:400px;
	}
}

/* ========================================================================== */
/* iPad 横 */
/* -------------------------------------------------------------------------- */
@media only screen and (max-width:1024px){
	div#contents { min-width:320px; }
	html body div#container div#wrapper div#primary-column.main div#contents div.entryfield img {
		max-width:320px;
	}
}

/* ========================================================================== */
/* iPad 縦 */
/* -------------------------------------------------------------------------- */
@media only screen and (max-width:768px){
	div#contents { min-width:70px; }
	html body div#container div#wrapper div#primary-column.main div#contents div.entryfield img {
		max-width:70px;
	}
}