@charset "UTF-8";

/* ------------------------------ basic ----- */
html {
margin: 0;
/* setting border: 0 hoses ie6 win window inner well border */
padding: 0;
height: 100%;
}

body {
margin: 0;
/* setting border: 0 hoses ie5 win window inner well border */
padding: 0;
background: #ffffff;
font-family: "ＭＳ Ｐ明朝",  "ヒラギノ明朝 Pro W3", "細明朝体", "Times New Roman", Times, serif;
font-size: small;
letter-spacing: 0;
line-height: 150%;
text-align: left;
height: 100%;
}

img {
display: block;
border: 0;
}

form {
margin: 0;
padding: 0;
}

input {
margin-bottom: 2px;
padding: 0px;
}

ul {
margin: 0;
padding: 0;
}

li {
list-style: none;
list-style-image: none;
}

p  {
margin: 0;
padding: 0;
}

dl, dd {
margin: 0;
padding: 0;
}

q {}
/* q:before {content:"";}
q:after {content:"";} */

hr {
clear: both;
display: none;
}


/* ------------------------------  basic link ----- */
a,a:link,a:visited {
color:#6B6B6B;
text-decoration: underline;
outline: none;
}

a:visited {
color:#6B6B6B;
text-decoration: underline;
outline: none;
}

a:active,a:hover {
color: #333333;
text-decoration: none;
}


/* ------------------------------  basic text ----- */
h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}


/* ------------------------------  WRAPPER, CONTAINER, CONTENT ----- */
#wrapper {
width: 100%;
background: url(http://www.oku-style.com/blog/images/header_line.gif) repeat-x top;
margin: 0;
padding: 0;
}

#container {
width: 921px;
margin: 0 auto;
padding: 0;
}

#content {
margin: 0;
padding: 50px 0;
}



/* ------------------------------  SIDE MENU ----- */
#left_menu {
float: left;
width: 196px;
display: inline;
margin: 0;
padding: 0;
}

#left_menu h1 a {
display: block;
text-indent: -9999px;
width: 133px;
height: 144px;
background: url(http://www.oku-style.com/blog/images/logo.gif) no-repeat top left;
margin: 0 0 48px 0;
}

.sidemenu01 {
margin: 0 0 0 10px;
padding: 0;
}

.sidemenu02 {
margin: 0 0 0 10px;
padding: 0;
width: 95px;
float: left;
display: inline;
}

.sidemenu01 li a, .sidemenu02 li a {
display: block;
cursor: pointer;
outline-width: 0;
text-indent: -9999px;
width: 95px;
height: 29px;
overflow: hidden;
padding: 0;
line-height: 1;
}

.sidemenu01 li.menu01 a, .sidemenu02 li.menu01 a {
background: url(http://www.oku-style.com/blog/images/menu01.gif) no-repeat top left;
margin: 0 0 21px 0;
}

.sidemenu01 li.menu02 a, .sidemenu02 li.menu02 a {
background: url(http://www.oku-style.com/blog/images/menu02.gif) no-repeat top left;
margin: 0 0 17px 0;
}

.sidemenu01 li.menu03 a, .sidemenu02 li.menu03 a {
background: url(http://www.oku-style.com/blog/images/menu03.gif) no-repeat top left;
margin: 0 0 19px 0;
}

.sidemenu01 li.menu04 a, .sidemenu02 li.menu04 a {
background: url(http://www.oku-style.com/blog/images/menu04.gif) no-repeat top left;
margin: 0 0 19px 0;
}

.sidemenu01 li.menu05 a, .sidemenu02 li.menu05 a {
background: url(http://www.oku-style.com/blog/images/menu05.gif) no-repeat top left;
margin: 0 0 76px 0;
}

.sidemenu01 li.menu06 a, .sidemenu02 li.menu06 a {
background: url(http://www.oku-style.com/blog/images/menu06.gif) no-repeat top left;
margin: 0;
}

.sidemenu01 li.menu07 a, .sidemenu02 li.menu07 a {
width: 100px;
background: url(http://www.oku-style.com/blog/images/menu07.gif) no-repeat top left;
margin: 0;
}
.sidemenu01 li.menu09 a, .sidemenu02 li.menu09 a {
background: url(http://www.oku-style.com/blog/images/menu09.gif) no-repeat top left;
margin: 0 0 19px 0;
}

.sidemenu01 li a:hover, .sidemenu02 li a:hover {
background-position: -95px 0;
}

.sidemenu01 li.menu07 a:hover, .sidemenu02 li.menu07 a:hover {
background-position: -101px 0;
}
.sidemenu01 li.menu08 a, .sidemenu02 li.menu08 a {
background: url(http://www.oku-style.com/blog/images/menu08.gif) no-repeat top left;
margin: 0;
}


.sidemenu01 li, .sidemenu02 li {
display: block;
outline-width: 0;
text-indent: -9999px;
width: 95px;
height: 29px;
overflow: hidden;
padding: 0;
line-height: 1;
}

.sidemenu01 li.menu01, .sidemenu02 li.menu01 {
background: url(http://www.oku-style.com/blog/images/menu01.gif) no-repeat top left;
margin: 0 0 21px 0;
background-position: -95px 0;
}

.sidemenu01 li.menu02, .sidemenu02 li.menu02 {
background: url(http://www.oku-style.com/blog/images/menu02.gif) no-repeat top left;
margin: 0 0 17px 0;
background-position: -95px 0;
}

.sidemenu01 li.menu03, .sidemenu02 li.menu03 {
background: url(http://www.oku-style.com/blog/images/menu03.gif) no-repeat top left;
margin: 0 0 19px 0;
background-position: -95px 0;
}

.sidemenu01 li.menu04, .sidemenu02 li.menu04 {
background: url(http://www.oku-style.com/blog/images/menu04.gif) no-repeat top left;
margin: 0 0 19px 0;
background-position: -95px 0;
}

.sidemenu01 li.menu05, .sidemenu02 li.menu05 {
background: url(http://www.oku-style.com/blog/images/menu05.gif) no-repeat top left;
margin: 0 0 76px 0;
background-position: -95px 0;
}

.sidemenu01 li.menu07, .sidemenu02 li.menu07 {
background: url(http://www.oku-style.com/blog/images/menu07.gif) no-repeat top left;
width: 100px;
margin: 0 0 19px 0;
background-position: -101px 0;
}

.sidemenu01 li.menu09, .sidemenu02 li.menu09 {
	margin: 0 0 19px 0;
	background-position: -95px 0;
	background-image: url(http://www.oku-style.com/blog/images/menu09.gif);
	background-repeat: no-repeat;
}



/* ------------------------------  FOOTER ----- */
#footer {
margin: 0;
padding: 42px 0 0 0;
}


*+html #footer {
/* hack for IE7 */
margin: -28px;
padding: 0;
}

* html #footer {
/* hack for IE6 */
margin: -28px;
padding: 0;
}


#footer em {
float: right;
display: block;
text-indent: -9999px;
width: 143px;
height: 11px;
background: url(http://www.oku-style.com/blog/images/copyright.gif) no-repeat top left;
overflow: hidden;
margin: 0;
padding: 0;
}


/* ------------------------------  MAIN ----- */
#main {
width: 725px;
float: left;
display: inline;
margin: 0;
padding: 0;
}



/* ------------------------------  CENTER ----- */
#center {
float: left;
width: 520px;
display: inline;
margin: 0 60px 0 0;
padding:  35px 0 0 0;
}

.entry-header {
background: url(http://www.oku-style.com/blog/images/title_line.gif) no-repeat bottom center;
margin: 0 0 10px 0;
padding: 0 0 4px 0;
}

#center h2.entry-title {
float: left;
width: 420px;
display: inline;
margin: 0 10px 0 0;
padding: 0;
font-size: small;
font-weight: bold;
}


#center h2.entry-title a {
text-decoration: none;
}

#center h3.entry-date {
float: right;
display: inline;
margin: 0;
padding: 0;
font-size: small;
font-weight: normal;
}



/* ------------------------------  ENTRY ----- */
.entry {
margin: 0;
padding: 0 0 60px 0;
}


/* ------------------------------ PAGE SEPARATOR ----- */
.page_separator {
background: url(http://www.oku-style.com/blog/images/title_line.gif) no-repeat top center;
line-height: 100%;
margin: 0;
padding: 8px 0 0 0;
}

.page_separator a:link, .page_separator a:visited{
text-decoration: none;
color: #000000;
}

.page_separator a:hover, .page_separator a:active {
text-decoration: underline;
color: #000000;
}

.page_pre, .page_lists, .page_next{
float: left;
display: inline;
margin: 0 10px 0 0;
padding: 0;
}




/* ------------------------------  SIDEBAR ----- */
#right {
display: inline;
width: 145px;
float: left;
margin: 0;
padding: 38px 0;
}

#right a:link, #right a:visited {
color: #000000;
text-decoration: none;
}

#right a:hover {
color: #6B6B6B;
text-decoration: underline;
}


#right h3.recententry_header, #right h3.category_header, #right h3.archives_header {
display: block;
text-indent: -9999px;
width: 145px;
height: 18px;
overflow: hidden;
margin: 0 0 4px 0;
padding: 0;
}

#right h3.recententry_header {
background: url(http://www.oku-style.com/blog/images/side_recententry.gif) no-repeat top center;	
}

#right h3.category_header {
background: url(http://www.oku-style.com/blog/images/side_category.gif) no-repeat top center;	
}

#right h3.archives_header {
background: url(http://www.oku-style.com/blog/images/side_archive.gif) no-repeat top center;	
}

.module {
margin: 0 0 40px 0;
padding: 0;
}

.module ul {
margin: 0 0 0 4px;
padding: 0;
}





/*------------------------------------------------margin*/

/* 5px */
.mar_t_5  { margin-top:5px; }
.mar_r_5  { margin-right:5px; }
.mar_b_5  { margin-bottom:5px; }
.mar_l_5  { margin-left:5px; }
.mar_5    { margin:5px; }

/* 10px */
.mar_t_10 { margin-top:10px; }
.mar_r_10 { margin-right:10px; }
.mar_b_10 { margin-bottom:10px; }
.mar_l_10 { margin-left:10px; }
.mar_10   { margin:10px; }

/* 15px */
.mar_t_15 { margin-top:15px; }
.mar_r_15 { margin-right:15px; }
.mar_b_15 { margin-bottom:15px; }
.mar_l_15 { margin-left:15px; }
.mar_15   { margin:15px; }

/* 20px */
.mar_t_20 { margin-top:20px; }
.mar_r_20 { margin-right:20px; }
.mar_b_20 { margin-bottom:20px; }
.mar_l_20 { margin-left:20px; }
.mar_20   { margin:20px; }

/*------------------------------------------------padding*/

/* 5px */
.pad_t_5  { padding-top:5px; }
.pad_r_5  { padding-right:5px; }
.pad_b_5  { padding-bottom:5px; }
.pad_l_5  { padding-left:5px; }
.pad_5    { padding:5px; }

/* 10px */
.pad_t_10 { padding-top:10px; }
.pad_r_10 { padding-right:10px; }
.pad_b_10 { padding-bottom:10px; }
.pad_l_10 { padding-left:10px; }
.pad_10   { padding:10px; }

/* 15px */
.pad_t_15 { padding-top:15px; }
.pad_r_15 { padding-right:15px; }
.pad_b_15 { padding-bottom:15px; }
.pad_l_15 { padding-left:15px; }
.pad_15   { padding:15px; }

/* 20px */
.pad_t_20 { padding-top:20px; }
.pad_r_20 { padding-right:20px; }
.pad_b_20 { padding-bottom:20px; }
.pad_l_20 { padding-left:20px; }
.pad_20   { padding:20px; }


/*------------------------------------------------float*/

.float_l { float:left; }
.float_r { float:right; }

/*------------------------------------------------text_align*/

.align_center {	text-align:center; }
.align_left   { text-align:left; }
.align_right  { text-align:right; }




/* standard helper classes */
.middle {
vertical-align: middle;
margin: 0 3px 0 0;
padding: 0;
}

.clear {
clear: both;
overflow: hidden;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}