@charset "utf-8";
/*
Theme Name: master css
Author: Web & IT Memo
*/
/* ==================================================
reset
================================================== */
body{
margin:0;
padding:0;
font-size:81.3%;
line-height:1.7;
background-color:#EBEBEB;
color:#323232;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
blockquote,
form,
input{
margin:0;
padding:0;
}
img{
border:none;
}
li,
dt,
dd{
line-height:1.7;
}
table{
font-size:100%;
line-height:1.7;
border-collapse:collapse;
border-spacing:0;
}
form,
input,
select{
font-size:100%;
}
a:link,
a:visited{
color:#0031C1;
background-color:transparent;
text-decoration:underline;
}
a:hover,
a:active{
color:#0031C1;
background-color:transparent;
text-decoration:none;
}
/*
==================================================
layout
================================================== */
#wrap_header,
#wrap_gnavi,
#wrap_main,
#wrap_fnavi,
#wrap_footer{
width:100%;
min-width:954px;
clear:both;
}
* html #wrap_header,
* html #wrap_gnavi,
* html #wrap_main,
* html #wrap_fnavi,
* html #wrap_footer{
text-align:center;
}
#header,
#gnavi{
width:934px;
margin:0 auto;
}
#main,
#pagetop,
#fnavi,
#footer{
width:920px;
margin:0 auto;
}
* html #header,
* html #gnavi,
* html #main,
* html #fnavi,
* html #footer{
text-align:left;
}
/* ==================================================
header
================================================== */
#wrap_header{
background:#FFFFFF url(img/header/wrap_header_bg.gif) repeat-x left bottom;
}
.top #wrap_header{
background:#FFFFFF url(img/header/wrap_header_bg_top.gif) repeat-x left bottom;
}
#hlogo{
width:232px;
padding-bottom:9px;
float:left;
}
#hinfo{
width:702px;
float:left;
}
#hdesc{
padding:2px 10px 8px;
}
#hnavi ul{
float:right;
list-style:none;
}
#hnavi li{
padding:0 0 0 48px;
float:left;
background:url(img/header/hnavi_icon.gif) no-repeat 25px center;
}
#hnavi li a{
color:#323232;
text-decoration:none;
}
#hnavi li a:hover{
text-decoration:underline;
}
#himage{
margin-top:-17px;
padding:0 8px;
}
/* ==================================================
gnavi
================================================== */
#wrap_gnavi{
background:#FFFFFF url(img/gnavi/wrap_gnavi_bg.gif) repeat-x left top;
}
.top #wrap_gnavi{
background:#FFFFFF url(img/gnavi/wrap_gnavi_bg_top.gif) repeat-x left top;
}
#gnavi{
background:url(img/gnavi/gnavi_bg.gif) no-repeat left top;
}
.top #gnavi{
background:url(img/gnavi/gnavi_bg_top.gif) no-repeat left top;
}
#gnavi ul{
padding:9px 7px 0;
list-style:none;
}
#gnavi li{
float:left;
}
#gnavi li a{
width:184px;
height:65px;
background:url(img/gnavi/gnavi.gif) no-repeat left top;
display: block;
overflow:hidden;
text-indent: -9999px;
}
#gnavi li a:hover,
#gnavi li a.active{
background:url(img/gnavi/gnavi_act.gif) no-repeat left top;
}
#gnavi #gnavi1 a{
background-position:0px 0px;
}
#gnavi #gnavi2 a{
background-position:-184px 0px;
}
#gnavi #gnavi3 a{
background-position:-368px 0px;
}
#gnavi #gnavi4 a{
background-position:-552px 0px;
}
#gnavi #gnavi5 a{
background-position:-736px 0px;
}
/* ==================================================
main
================================================== */
#wrap_main{
background:#EBEBEB url(img/main/wrap_main_bg.gif) repeat-x left top;
}
#main{
padding-bottom:30px;
background:#FFFFFF url(img/main/main_bg.gif) repeat-y left top;
}
#main_col{
width:680px;
float:left;
}
#side_col{
width:240px;
float:right;
}
#pagetop{
text-align:right;
}
/* ==================================================
side
================================================== */
#side{
margin:30px 20px 0 0;
}
#side ul.smenu{
padding:1px;
padding-bottom:0;
border:#C8C8C8 1px solid;
list-style:none;
}
#side ul.smenu li{
margin-bottom:1px;
}
#side ul.smenu li img{
vertical-align:top;
}
/* ==================================================
fnavi
================================================== */
#pagetop{
background:#EBEBEB url(img/footer/pagetop_bg.gif) no-repeat left top;
}
#pagetop p{
padding:17px 28px 0 0;
}
#pagetop p img{
margin-bottom:-19px;
position:relative;
}
#fnavi{
padding:9px 0 0;
background:#FFFFFF url(img/footer/fnavi_bg.gif) no-repeat left top;
}
#fnavi ul{
padding:7px 20px 11px;
background:#FFFFFF url(img/main/main_bg.gif) repeat-y left top;
list-style:none;
}
#fnavi li{
margin-right:15px;
padding-left:13px;
background:url(img/footer/fnavi_icon.gif) no-repeat left center;
float:left;
}
#fnavi li a{
color:#323232;
text-decoration:none;
}
#fnavi li a:hover{
text-decoration:underline;
}
/* ==================================================
footer
================================================== */
#wrap_footer{
padding-bottom:20px;
}
#footer{
padding:0 0 9px;
background:#FFFFFF url(img/footer/pagetop_bg.gif) no-repeat left bottom;
}
#footer2{
padding:0 20px;
background:#FFFFFF url(img/main/main_bg.gif) repeat-y left top;
}
#footer2 p{
padding:11px 0 7px;
border-top:#C8C8C8 1px solid;
text-align:center;
}
/* ==================================================
top
================================================== */
#top_contents{
width:640px;
margin-top:17px;
overflow:hidden;
}
#top_contents .top_menu_ttl{
padding:15px 0;
background:url(img/contents/h1_bg.gif) no-repeat left bottom;
}
#top_contents .top_menu_ttl h2{
width:200px;
float:left;
}
#top_contents .top_menu_ttl p{
width:98px;
float:right;
}
#top_contents .top_menu_box{
margin:20px 0 15px;
}
#top_contents .top_menu{
width:310px;
float:left;
}
#top_contents .top_menu p{
line-height:1.5;
}
#top_news ul{
margin:0.3em 0 1.3em;
list-style-image:none;
list-style:none;
}
#top_news li{
padding:10px 0;
background:url(img/contents/list_bg.gif) repeat-x left bottom;
}
/* ==================================================
contents
================================================== */
#wrap_contents{
margin:0;
padding:0 20px;
}
#pnavi{
padding:10px 0;
}
#contents{
width:640px;
overflow:hidden;
}
#contents p{
margin-bottom:0.8em;
}
#contents h1{
clear:both;
margin:0 0 1.2em;
padding:9px 6px 12px;
background:url(img/contents/h1_bg.gif) no-repeat left bottom;
line-height:1.3;
font-size:162%;
font-weight:bold;
}
#contents h2{
clear:both;
margin:1.5em 0 0.8em;
padding:8px 23px;
background:url(img/contents/h2_bg.gif) no-repeat left bottom;
border:#C8C8C8 1px solid;
line-height:1.3;
font-size:123%;
font-weight:bold;
*background-position:1px 0;
}
#contents h3{
clear:both;
margin:1.5em 0 0.8em;
padding:6px 17px;
background:url(img/contents/h3_bg.gif) no-repeat left bottom;
line-height:1.3;
font-size:115%;
font-weight:bold;
}
#contents h4{
margin:1.5em 0 0.8em;
padding:0 17px;
background:url(img/contents/h4_bg.gif) no-repeat left 0.2em;
line-height:1.3;
font-size:108%;
font-weight:bold;
}
#contents ul{
margin:0 0 0.8em 2.5em;
list-style:none;
list-style-image:url(img/contents/list_icon.gif);
}
#contents ol{
margin:0 0 0.8em 2.5em;
list-style-image:none;
}
#contents ul ul,
#contents ol ol{
margin:0.8em 0 0 2.5em;
}
#contents input[type="submit"],
#contents input[type="button"]{
padding: 5px 10px;
}
#contents textarea{
font-family: sans-serif;
font-size:100%;
}
/* table
--------------------------- */
#contents table{
margin:1.2em 0;
}
#contents table th,
#contents table td,
#contents table.layout_table td table th,
#contents table.layout_table td table td{
padding:5px 10px;
border:1px solid #B4B4B4;
vertical-align:top;
}
#contents table th,
#contents table.layout_table td table th{
background-color:#CDE5FF;
text-align:center;
font-weight:normal;
}
#contents table p,
#contents table ul,
#contents table ol,
#contents table.layout_table td table p,
#contents table.layout_table td table ul,
#contents table.layout_table td table ol{
margin-bottom:0;
}
/* form_table
--------------------------- */
#contents table.form_table{
width:100%;
}
#contents table.form_table th{
width:200px;
text-align:left;
}
#contents table.form_table td,
#contents table.form_table th{
padding:10px;
}
#contents table.form_table th span{
font-weight:normal;
}
#contents table.form_table textarea{
width:90%;
}
#contents table.form_table input.cb{
width:13px;
margin:0 5px 0 0;
vertical-align:-2px;
}
/* form_btn
--------------------------- */
#contents .form_btn{
margin:20px 0;
text-align:center;
}
/* backlist
--------------------------- */
#contents .backlist{
padding-top:30px;
text-align:right;
}
/* backblog
--------------------------- */
#contents .backblog{
margin-top:40px;
padding-top:10px;
border-top:#C8C8C8 1px solid;
text-align:center;
}
/* archive_list
--------------------------- */
#contents .archive_list{
margin:0;
list-style-image:none;
list-style:none;
}
#contents .archive_list li{
padding:10px 0;
background:url(img/contents/list_bg.gif) repeat-x left bottom;
}
/* ==================================================
style class
================================================== */
/* layout_table
--------------------------- */
#contents table.layout_table{
width:100%;
margin:0;
}
#contents table.layout_table td{
padding:0;
background:none;
border:none;
}
#contents table.layout_table p{
margin-bottom:0.8em;
}
#contents table.layout_table ul,
#contents table.layout_table ol{
margin-bottom:0.8em;
}
/* link_list
--------------------------- */
#contents ul.link_list,
#contents ul.link_list ul{
margin-left:20px;
list-style-image:none;
list-style:none;
}
#contents ul.link_list li{
margin-bottom:0.8em;
padding-left:20px;
background:url(img/contents/link_icon.gif) no-repeat left 0.4em;
}
/* link_icon
--------------------------- */
#contents .link_icon{
padding-left:20px;
background:url(img/contents/link_icon.gif) no-repeat left 0.4em;
display:inline-block;
}
#contents .link_icon img{
vertical-align:middle;
}
/* border_box
--------------------------- */
#contents .border_box{
clear:both;
margin:1.5em 0;
padding:5px 10px;
border:#CCE1D3 5px solid;
}
/* fill_box
--------------------------- */
#contents .fill_box{
clear:both;
margin:1.5em 0;
padding:5px 10px;
background-color:#EBEBEB;
border:#B4B4B4 1px solid;
}
/* ==================================================
align
================================================== */
.alignleft{
float:left;
}
.alignright{
float:right;
}
img.alignleft{
margin:0 20px 10px 0;
}
img.alignright{
margin:0 0 10px 20px;
}
img.aligncenter{
display:inline;
margin:0;
}
.clear{
clear:both;
}
/* ==================================================
wp-pagenavi
================================================== */
.wp-pagenavi{
margin:1.5em 10px 0.8em;
clear: both;
text-align:left;
}
.wp-pagenavi a,
.wp-pagenavi span{
margin: 2px;
padding: 3px 5px;
border: 1px solid #C8C8C8;
text-decoration: none;
color:#323232;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current{
background-color:#E6E6E6;
}
/* ==================================================
cse
================================================== */
#contents #cse table{
margin:0;
}
#contents #cse td{
padding:0;
border:none;
vertical-align:middle;
}
#contents #cse .gsc-control-cse{
background-color:transparent;
border:none;
}
#contents #cse .gsc-result{
border:none;
}
/* ==================================================
mceContentBody
================================================== */
#contents.mceContentBody{
width:640px !important;
}
body.mceContentBody{
overflow:visible !important;
background-image:none !important;
background-color:#FFFFFF !important;
font-family:"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
}
body.mceContentBody div{
border:#80FF80 1px dashed;
}
body.mceContentBody p{
border:#80FFFF 1px dashed;
}
body.mceContentBody td{
font-size:100%;
}
body.mceContentBody table.layout_table th,
body.mceContentBody table.layout_table td{
border:#C0C0C0 1px dashed !important;
}
/* ==================================================
clearfix
================================================== */
/* for modern browser */
#header:after,
#hnavi:after,
#gnavi ul:after,
#main:after,
#fnavi ul:after,
#footer:after,
#contents:after,
.top_menu_ttl:after,
.top_menu_box:after,
.float_clear:after{
content:".";
display:block;
height:0;
font-size:0.1%;
line-height:0.1;
clear:both;
visibility:hidden;
}
/* for IE7.0 */
*:first-child+html #header,
*:first-child+html #hnavi,
*:first-child+html #gnavi ul,
*:first-child+html #main,
*:first-child+html #fnavi ul,
*:first-child+html #footer,
*:first-child+html #contents,
*:first-child+html .top_menu_ttl,
*:first-child+html .top_menu_box,
*:first-child+html .float_clear{
min-height:1%;
}
/* for IE6.0 */
* html #header,
* html #hnavi,
* html #gnavi ul,
* html #main,
* html #fnavi ul,
* html #footer,
* html #contents,
* html .top_menu_ttl,
* html .top_menu_box,
* html .float_clear{
display:inline-block;
}
