@charset "UTF-8";


/* HTML 5 elements
---------------------------------------- */
html {
	-webkit-text-size-adjust: none;
}

section, nav, article, aside, hgroup, header, footer, figure, figcaption, summary {
  display: block;
  margin: 0;
  padding: 0;
}

/* reset
---------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}

img {
	max-width: 99%;
	height: auto;
	padding: 1px;
	margin: 0;
	border: 1px solid #eaecec;
	background-color: #fff;
}

.bgnone {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}

ul,li{
	list-style-type: none;
	margin: 0;
}

table {
	width: 100%;
	margin: 1.5% 0 2%;
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	-webkit-margin-before: 10px;
	-webkit-margin-after: 0;
	margin-top: 10px;
	-webkit-margin-start: auto;
	-webkit-margin-end: auto;
	border: none;
	border-top: #324555 1px solid;
}

br {
	padding: 0;
	margin: 0;
	font-size: 1px;
	line-height: 1;
}

/* body
-------------------------------------------------- */
body{
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 1px;
	color: #3a2323;
	position: relative;
    font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
    background: url(/images/back.png) repeat;
}


/* #header
-------------------------------------------------------------- */
.header {
text-align: center;
width: 960px;
position: relative;
margin: 20px auto 100px;
background: url(/images/key.png) no-repeat;
height: 360px;
box-shadow: 0 0 10px #aaa;
}
    a.logo {
        width: 320px;
        height: 80px;
        padding: 0;
        margin: 0 0 0 5px;
        display: block;
    }
    .logo img {
        max-width: 100%;
        height: auto;
	margin:12px 8px;
        padding: 0;
        border: none;
        background-color: none;
    }

img.logo{

border: none;
background-color: transparent;
margin: 10px;
}


#wrapperArea {
	margin: 0 auto 10px;
}

h1 {
	padding: 0;
	margin: 0 0 0 0.5%;
	color: #14508B;
	font-size: 14px;
	line-height: 1;
	font-weight:bold;
    background: #fefff4;
	clear:both;
}
	.mainTitle {


padding: 8px 0 0 45px;
margin: 0 0.5% 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-align: center;
position: relative;
border-bottom: #5427C2 5px solid;
background: #FFFFFF;
background: url(/images/back.png);
box-shadow: 0 0 10px 0 #aaa inset;
    }
        .mainTitle h1 {
            margin: 0;
            padding: 0px 0 10px;
            line-height: 1.3;
            text-align: left;
            font-size: 1.2rem;
        	background: none;
        }
        h1.solid {
            padding: 0;
            margin: 0;
            font-size: 10px;
            line-height: 1.4;
            text-shadow: none;
            border: none;
            text-align: left;
            background: none;
        }
    h1.text,
    section h1,
    h2 {
    	padding: 2% 0 1% 4%;
        font-size:1.2rem;
        margin: 3% 0.5%;
        border-radius:			3px;
        -moz-border-radius:		3px;
        -webkit-border-radius:	3px;
        text-align: left;
        line-height: 1;
        font-weight: normal;
        border-bottom: #393a4c 1px solid;
	background: #fefff4 url(/wp-content/uploads/2014/07/arr2.png) 8px center no-repeat;
    }
    h1.text a {
        color: #14508B;
    }


h3 {
	padding: 1%;
	margin: 2% 0.5% 1%;
	font-size: medium;
    color: #643613;
	line-height: 1.5;
	display: block;
	border-radius:			6px;
	-moz-border-radius:		6px;
	-webkit-border-radius:	6px;
	background: #3c4c00;
}

a {
	color: #14508B;
	text-decoration: none;
}

a:hover {
	color: #14508B;
	text-decoration: underline;
}

    a.catt {
    	padding: 5px 0 5px 23px;
        margin: 5px 0 0;
        line-height: 1;
        font-weight: bold;
        display: block;
    	color: #14508B;
		background: url(images/mark.png) 7px center no-repeat;
    }
        a.catt:hover {background: url(images/mark.png) 7px center no-repeat;}
    a.more {
    	padding: 5px 10px 5px 23px;
    	color: #fff;
        font-size: smaller;
        border-radius:			6px;
        -moz-border-radius:		6px;
        -webkit-border-radius:	6px;
		background: #6991C0 url(images/more.png) 6px center no-repeat;
    }


/* align
-------------------------------------------------------------- */
.alignright {
	float: right;
}

}
.alignleft {
	float: left;
}


/* #itobuEdtArea-------------------------------------------------------------- */
.fl_box {
    padding: 1% 0.5% 2%;
    margin: 0;
	clear:both;
}

.miniBox div {
    paddind:4% 2% ;
}

.miniBox img {
    float: left;
    margin: 2%;
}

#itobuEdtArea {
    margin: 0.5% auto 0;
    background: url(images/mainbg.png) 0 0 repeat;
}
    #itobuEdtArea br {
        height: 1px;
    }
    #itobuEdtArea ul {
    	width: 890px;
        padding: 0;
        margin: 0 auto;
    }
    #itobuEdtArea ul li {
        margin: 2px 5px 2px 0;
        float: left;
    }
        #itobuEdtArea li a {
            padding: 12px 8px 10px 25px;
            display: block;
            font-weight: bold;
            font-size: 14px;
            line-height: 1.3;
            color: #fcffc7;
            letter-spacing: 0.06em;
            border: 1px solid #fff;
            background: #cb4757 url(images/mark.png) 8px center no-repeat;
        }
        #itobuEdtArea ul li a:hover {
            border: 1px solid #fff;
            color: #55332e;
            text-decoration: none;
            text-shadow: 0 -1px 2px #fff, 0 1px 2px #fff, -1px 0 2px #fff, 1px 0 2px #fff,
                         0 -1px 8px #fff, 0 1px 8px #fff, -1px 0 8px #fff, 1px 0 8px #fff,
                         0 -1px 2px #fff, 0 1px 2px #fff, -1px 0 2px #fff, 1px 0 2px #fff;
            background: url(/wp-content/uploads/2014/07/arr2.png) 8px center no-repeat;
        }
        #itobuEdtArea li.current-menu-item a {
            color: #fff;
            background: #cb4757 url(images/mark.png) 8px center no-repeat;
        }

/* #contents
-------------------------------------------------------------- */
#contents {
    max-width: 980px;
    padding: 0;
    margin: 0 auto 0;
    position: relative;
    overflow: hidden;
    border-right: #fefcfb 2px solid;
    border-left: #fefcfb 2px solid;

background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
}
    #itobuLastBox {
        width: 71%;
        padding: 0;
        margin: 1% 0 0 0;
        float: left;
    }
	#itobuCategorySide {
        width: 27%;
        float: right;
    }

/* textBox
-------------------------------------------------------------- */

.thum_box img.alignleft {
	float:left;
	margin:0 2% 2% 0;
    vertical-align: top;
}

.thum_box img.alignright {
	float:right;
    margin:0 0 2% 2%;
    vertical-align: top;
}

.thum_box img.aligncenter {
    margin:2% auto;
	clear:both;
	display:block;
}
/* 要素
-------------------------------------------------------------- */
section {
	padding: 2% 1%;
	margin: 1% 0 5% ;
	font-size:1.2em;
}

p {
	display: block;
	margin: 2% 0;
}

/* itobuCategorySide-------------------------------------------------------------- */
#itobuCategorySide {
	padding: 0 0 1%;
    margin: 1% 0.5% 0 0;
    list-style: none;
    line-height: 1;
    color: #fff;
}

#itobuCategorySide h1 {
    padding: 5% 3%;
    margin: 1% 0.5%;
    text-align: left;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    border: none;
    border-radius:		3px;
    -moz-border-radius:		3px;
    -webkit-border-radius:	3px;
    background: #00B129;
}

#itobuCategorySide h2  {
    padding: 5% 2%;
    margin: 1% 0.5%;
    text-align: left;
    color: #fff;
    font-weight: normal;
    font-size:  1.2rem;
    border: none;
    border-radius:	5px;
    -moz-border-radius:	5px;
    -webkit-border-radius:	5px;
background: #92A3BE;
text-shadow: 0 0 3px #333;
}

#itobuCategorySide ul {
    padding: 0;
	margin: 0 0 20px;
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
    background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
    -moz-background-size: 2px 2px;
    -webkit-background-size: 2px 2px;
    -o-background-size: 2px 2px;
    -ms-background-size: 2px2px;
    background-size: 2px 2px;
    box-shadow: 0 5px 4px rgba(0,0,0,0.1);
}

#itobuCategorySide ul li {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
background: #ECF1F7;;
}

#itobuCategorySide ul a {
	margin: 0;
	padding: 10px 5px 10px 35px;
	background-repeat: no-repeat;
	background-position: 5px center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #efefef;
	text-decoration:none;
	display: block;
	color: #393a4c;
	background-image: url(/wp-content/uploads/2014/07/arr2.png);
	font-size:.8rem;
}

#itobuCategorySide ul.sub-menu a {

}

#itobuCategorySide ul a.dcjq-parent  {
	background: url(/wp-content/uploads/2014/07/arr2.png) 4px center no-repeat;
	font-weight: bold;
}

#itobuCategorySide ul a.dcjq-parent.active {
	background: url(/wp-content/uploads/2014/07/arr2.png) 4px center no-repeat;
}

#itobuCategorySide ul a:hover {
	color: #393a4c;
}

/* search-2
-------------------------------------------------------------- */
li#search-2 #searchform {
	padding: 1% 0;
}
	li#search-2 input {
	margin:2% 0;
	padding:2% 1%;
    }
	li#search-2 input#searchsubmit {
        padding: 3%;
        margin: 3% 0.5%;
        color: #f3feff;
        line-height: 1.2;
        background: #393a4c;
	font-size:12px;
    }

/* goToTop
-------------------------------------------------------------- */
.goToTop {
	margin: 2% 1% 1.5%;
}
.goToTop a{
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}

/* page_navi
-------------------------------------------------------------- */
.page_navi {
	margin: 3% 0;
	line-height: 1;
	color: #b85a24;
}
	.page_navi span.page-numbers {
		padding: 3px 0 3px 3px;
		margin: 0 3px 3px 0;
		border: #CCC 1px solid;
		display: inline-block;
	}
	.page_navi a.page-numbers {
		padding: 4px 5px;
		margin: 0 3px 3px 0;
		border: #efefef 1px outset;
		display: inline-block;
		font-weight: bold;
		color: #fffea4;
		border-radius:			6px;
		-moz-border-radius:		6px;
		-webkit-border-radius:	6px;
		background: #72ab56;
	}
	.page_navi a.page-numbers:hover {
		background: #fffea4;
		color: #068618;
		border: #efefef 1px inset;
	}

	.page_navi span.current,
	.page_navi span.dots {
		border: none;
		color: #068618;
		font-weight: bold;
	}

/* nav
-------------------------------------------------------------- */
#nav {

width: 900px;
padding: 10px;
margin: 0 auto;
list-style: none;
border: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: linear-gradient(to bottom, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
box-shadow: 0 0 10px 0 #aaa;
bottom: -80px;
position: absolute;
left: 20px;
}

#nav li {
	padding: 0;
	margin: 4px 2px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	border: none;
}
#nav li a {
	padding: 4px 0;
	margin: 0 2px 0;
	color: #F4F2DB;
	font-weight: normal;
	line-height: 1.2;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border-bottom: #535252 2px solid;
}
#nav li a:hover {
	color: #de3900;
	text-decoration: none;
	border-bottom: #de3900 2px solid;
}

#nav li a span {
	display: block;
}

#nav li.current-menu-item a {
	margin: 0;
	color: #de3900;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border-bottom: #de3900 2px solid;
}
#nav li.current-menu-item a:hover {
	color: #FF4B00;
	text-decoration: none;
	font-weight: bold;
	border-bottom: #FF4B00 2px solid;
}

/* footer
-------------------------------------------------------------- */
#footnav ul li {
	margin: 0 4px 0 0;
	float: left;
}

.foot_bg {
	background: #111;
}

footer {
	width: 100%;
margin: 30px auto 0;
	text-align: center;
	font-weight: normal;
	border-top-left-radius:	4px;
	-moz-border-top-left-radius:4px;
	-webkit-border-top-left-radius:4px;
	border-top-right-radius:4px;
	-moz-border-top-right-radius:4px;
	-webkit-border-top-right-radius:4px;
}

	#footnav ul li a {
		padding: 8px 0 8px 8px;
		margin: 0 4px 0 0;
		display: block;
		line-height: 1.2;
		color: #fff;
		letter-spacing: 0.08em;
		background: url(images/arrow1.png) 0 center no-repeat;
	}
	#footnav ul li a:hover {
		background: url(images/arrow1.png) 0 center no-repeat;
	}

/* copy
-------------------------------------------------------------- */
#copy {

padding: 0.4% 0;
margin: 0 auto;
text-align: center;
font-size: 12px;
font-weight: normal;
color: #fff;
border-top: #ccc solid 1px;
}

#copy  a {
	color:#fff ;
}

/*カテゴリ記事*/
.categoryNav{
	margin:10px;
	padding: 10px;}
.categoryNav a{
	display: inline-block;
	margin: 5px 0;}
/*ページャー（Next&Prev）*/
.pageNav{
width: 680px;
margin: 0 0 20px;
padding: 20px 0 0;}
.pageNav a{
background: inherit;
margin: 0 5px;
display: inline-block;}
.pageNav a:hover{opacity: 1;}