@charset "UTF-8";

/* ---------------------------------------------------
YUI 3: CSS Reset & CSS Fonts

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
------------------------------------------------------ */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* ---------------------------------------------------
共通スタイル
------------------------------------------------------ */
/* Elements */
body {
    font: 14px/1.5 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
color: #332929 !important;
    background: url(https://u.jimcdn.com/cms/o/s9952fd50fa8c415e/userlayout/img/bg-stripe.png?t=1405399897) repeat center top #F9F9C3;
}


p{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}


strong{
	font-weight: bold;
}

a { text-decoration: underline; }
a:link,
a:visited { color: #B3121F; }
a:hover { color: #593712; }

/* Contents */	
.j-header,
.j-text,
.j-text p
.j-textWithImage,
.j-textWithImage p { padding: 0 0 1em; }

.j-text ul,
.j-text ol,
.j-text dd ,
.j-textWithImage ul,
.j-textWithImage ol,
.j-textWithImage dd { padding: 0 0 1em 2em; }

#gj-content ul {padding: 0 0 1em 0;}
#gj-content ul li {padding: 0 0 0 12px;}
#gj-content .j-text ul li,#gj-content .j-textWithImage ul li {
    list-style: none;
    background:url(https://u.jimcdn.com/cms/o/s9952fd50fa8c415e/userlayout/img/list-mark.png?t=1405399929) no-repeat 0 1px;
    padding-left: 16px;
}
#gj-content .j-text ol li,#gj-content .j-textWithImage ol li { list-style: decimal; }

div.n { padding: 0 0 10px; }

body div.datetime {
float: none;
width: auto;
height: auto;
margin:0;
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='0');
}

#gj-article p{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}

#gj-article ul.com-list li,
#gj-article ul.com-list-noava li {
background: none;
padding: 12px 0 12px 0;
}

/* #footer */
#footer .leftrow {
float:left;
text-align:left;
width:55%
}

#footer .rightrow {
float:right;
text-align:right;
width:42%
}
span.loggedout { display:inline }
/* clearfix */
#gj-nav-global ul,
#gj-nav-global div,
#gj-content .gj-outer,
#gj-content .gj-inner,
#footer_in { zoom: 1; }

.gj-container:after,
#gj-article:after,
#gj-sidebar:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
#gj-content .cc-m-form-view-element {width:600px;}
#gj-content .cc-m-form-view-sortable input,#gj-content  .cc-m-form-view-sortable textarea{padding:0.2em 0.5em;}
/* ---------------------------------------------------
基本レイアウト
------------------------------------------------------ */
#cc-inner {padding-top:19px;}
.gj-container {
    width: 900px;
    margin: 0 auto;
    position: relative;
}

/* ---------------------------------------------------
#gj-visual
------------------------------------------------------ */
#gj-visual {
    width:900px;
    margin-bottom:19px;
    position: relative;
    background-color: #fff;
}
#gj-visual .gj-container {
    width:884px;
    overflow:hidden;
}
#gj-visual .gj-container img {
    margin:7px auto 7px;
}

#gj-visual .ornament {
    position: absolute;
    display: block;
    left:0;
}
#gj-visual .ornament.top{
    top:-11px;
}
#gj-visual .ornament.bottom{
    bottom:-14px;
}

#gj-visual h1 {
    font-size: 300%;
    color: #fff;
    position: absolute;
    top: 100px;
    left: 40px;
    font-weight: normal;
    display: none;
}

/* ---------------------------------------------------
#gj-nav-global
------------------------------------------------------ */
#gj-nav-global {
    background:  url(https://u.jimcdn.com/cms/o/s9952fd50fa8c415e/userlayout/img/nav-bg.jpg?t=1407306206) repeat left top #ffe26f;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    padding:10px 0;
    text-align:center;
}
#gj-nav-global ul{
    text-align:center;
    margin: 0 auto;
    *zoom: 1;
    padding: 0 10px;
}
#gj-nav-global ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

#gj-nav-global li {
    display: inline-block;
    margin:0;
    /* text-align:center; */
    float: left;
}
#gj-nav-global li a {
    border-left: dashed 1px #91742f;
    padding:3px 15px;
    text-decoration: none;
    color: #593e1b;
    display: inline-block;
}


#gj-nav-global li.last a  {border-right: dashed 1px #91742f;}

#gj-nav-global li a:hover,
#gj-nav-global li a.current { 
    color: #3f89b0;
    font-weight: bold;
}

#gj-nav-global li ul { display: none; }

/* ---------------------------------------------------
#gj-content
------------------------------------------------------ */
#gj-content {
    padding: 12px 0 70px;
}
#gj-content h1,
#gj-content h2,
#gj-content h3 {
    font-weight: bold;
}

#gj-content h1 { font-size: 128.5%; }
#gj-content h2 { font-size: 114.2%; }

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

#gj-article

------------------------------------------------------ */
#gj-article {
    float: right;
    width: 640px;
    background-color: #fff;
    min-height:500px;
}

#gj-article a:link,
#gj-article a:visited { color: #3f89b0; }
#gj-article a:hover { text-decoration:none; }

#content_area {
    padding:15px 10px 20px;
}

#gj-article div.j-textWithImage,
#gj-article div.j-text,
#gj-article div.j-header{
    margin:0 10px;
}
#gj-article div.j-header.h1area {
    margin:0;
}
#gj-article h1 {
    color: #660000;
    background: url(https://u.jimcdn.com/cms/o/s9952fd50fa8c415e/userlayout/img/title-bg.jpg?t=1407306232) no-repeat left bottom #fce9b0;
    padding: 9px 40px 7px 30px;
    border-top:1px solid #f2dc96;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
     font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; 
}

#gj-article h2 {
   color: #660000;
    border-top: 1px solid #660000;
    padding:8px 4px 10px;
    background:url(https://u.jimcdn.com/cms/o/s9952fd50fa8c415e/userlayout/img/article-h2-bor.gif?t=1407306191) repeat-x left bottom;
     font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; 
}
#gj-article h3 {
    color: #784824;
    font-size:100%;
    padding:0 0 0 20px;
    background:url(https://u.jimcdn.com/cms/o/s9952fd50fa8c415e/userlayout/img/icon-star-h3.png?t=1405399915) no-repeat 0 2px;
     font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; 
}

#gj-article .blogselection,
.cc-page-blog #gj-article .post {
position: relative;
}

#gj-article .j-blogarticle{
	margin: 0 0 40px 0;
}

#gj-article .j-blogarticle,
#gj-article .j-blogarticle div.n {
    padding-bottom:10px;
    overflow:visible;
}
#gj-article .blogselection .datetime,
.cc-page-blog #gj-article .post .datetime {
    float: right;
    color: #591B20;
    margin: 0 4px 0 0;
}

#gj-article .datetime-inner {
    background:url(https://u.jimcdn.com/cms/o/s9952fd50fa8c415e/userlayout/img/date-bg.png?t=1405399902) no-repeat 0 0;
    width:45px;
    height:51px;
}

#gj-aside .blogselection/*  h1,#gj-aside .blogselection h2,#gj-aside .blogselection h3 */{
	font-size: 90%;
}

#gj-aside .blogselection .j-blogarticle{
	margin: 0 0 20px 0;
}

#gj-article .blogselection .datetime .day,
.cc-page-blog #gj-article .post .day,
#gj-article .blogselection .datetime .mon,
.cc-page-blog #gj-article .post .mon,
#gj-aside .blogselection .datetime .day,
.cc-page-blog #gj-aside .post .day,
#gj-aside .blogselection .datetime .mon,
.cc-page-blog #gj-aside .post .mon {
    color: #591B20;
}

#gj-article .blogselection .datetime .day,
.cc-page-blog #gj-article .post .day,
#gj-aside .blogselection .datetime .day,
.cc-page-blog #gj-aside .post .day{
    font-size: 110%;
    padding: 12px 0px 0 8px;
    line-height: 100%;
}
#gj-article .blogselection .datetime .mon,
.cc-page-blog #gj-article .post .mon,
#gj-aside .blogselection .datetime .mon,
.cc-page-blog #gj-aside .post .mon {
    padding: 0 0 0 8px;
    font-size: 62.5%;
    text-align: center;
}

#gj-article .blogselection .datetime .day-word,
#gj-article .blogselection .datetime .yr,
.cc-page-blog #gj-article .post .day-word,
.cc-page-blog #gj-article .post .yr { display: none; }

#gj-article .blogselection h1,
#gj-article h1.post-title {
    background:url(https://u.jimcdn.com/cms/o/s9952fd50fa8c415e/userlayout/img/title-bg-blog.jpg?t=1407306227) no-repeat left bottom ;
    padding-left:45px;
    margin: 0 10px;
}

#gj-article .blogselection h1 a,
.cc-page-blog #gj-article .post h1 a,
#gj-article h1.post-title a {
color: #660000;
text-decoration: none;
}
#gj-article .blogselection h1 a:hover,
.cc-page-blog #gj-article .post h1 a:hover,
#gj-article h1.post-title a:hover {
    color: #660000;
}

#gj-article .blogreadmore {
    padding-left:15px;
    background:url(https://u.jimcdn.com/cms/o/s9952fd50fa8c415e/userlayout/img/icon-arrow-nav.png?t=1405399909) no-repeat left center ;
    color: #332929;
}
#gj-article .postmeta {margin-left: 10px;font-size: 75%;padding-top:5px;}

/* ---------------------------------------------------
#gj-sidebar
------------------------------------------------------ */
#gj-sidebar {
    float: left;
    width: 240px;
    background: #ffebd8;
    margin-top: 20px;
    position: relative;
}
#gj-sidebar .ornament {
    position: absolute;
    display: block;
    left:0;
}
#gj-sidebar .ornament.top{
    top:-19px;
}
#gj-sidebar .ornament.bottom{
    bottom:-19px;
}
#gj-nav-sub ul{margin:0;}

#gj-nav-sub ul li ul{
	margin: 0.5em 0 1em 0;
	padding: 0;
}
#gj-nav-sub li {
    border-bottom: dashed 1px #c1a96f;
}
#gj-nav-sub li.has2nd {
    border-bottom:none;
}
#gj-nav-sub a {
    display: block;
    text-decoration: none;
    padding: 5px 5px 5px 25px;
    background:url(https://u.jimcdn.com/cms/o/s9952fd50fa8c415e/userlayout/img/icon-leaf-nav.png?t=1407306199) no-repeat 0 8px ;
    color: #332929;
}

#gj-nav-sub a:hover,
#gj-nav-sub a.current {
    text-decoration:underline;
    color: #e84f05;
}
#gj-nav-sub li li {
    border-bottom:none;
    margin-left: 10px;
}
#gj-nav-sub li li a {
    background:url(https://u.jimcdn.com/cms/o/s9952fd50fa8c415e/userlayout/img/icon-arrow-nav.png?t=1405399909) no-repeat 9px 10px ;
}

#gj-aside {
   /*  color: #BFBFBF; */
    padding:10px;
}
#gj-aside a:link,
#gj-aside a:visited { color: #524c42; }
#gj-aside a:hover { color: #e84f05; }

#gj-aside h1 {
    background-color: #F18826;
    color: #fff;
    padding: 6px 10px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
#gj-aside h2,#gj-aside .blogselection h1{
    color: #907943;
    font-size: 115%;
    border-top: 1px solid #c1a96f;
    padding:8px 4px 10px;
    background:url(https://u.jimcdn.com/cms/o/s9952fd50fa8c415e/userlayout/img/sidebar-h2-bor.gif?t=1405399962) repeat-x left bottom;
     font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; 
}
#gj-aside .blogselection h1 a{
	color: #907943;
	text-decoration: none;
}
#gj-aside .blogselection h1 a:hover{
	text-decoration: underline;
}
#gj-aside h3,#gj-aside .blogselection h2 {
    color: #784824;
    font-size:100%;
    padding:0 0 0 20px;
    background:url(https://u.jimcdn.com/cms/o/s9952fd50fa8c415e/userlayout/img/icon-star-h3.png?t=1405399915) no-repeat 0 2px;
     font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; 
}
#gj-aside .blogselection h3 {
    color: #784824;
    font-size: 100%;
    padding:0;
    background: none;
     font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; 
}
#gj-aside .datetime-inner {
    background:url(https://u.jimcdn.com/cms/o/s9952fd50fa8c415e/userlayout/img/date-bg.png?t=1405399902) no-repeat 0 0;
    width:45px;
    height:51px;
    color: #907943;
}
/* ---------------------------------------------------
#footer
------------------------------------------------------ */
#footer {
    font-size: 75%;
    padding: 1.5em 0 1.5em;
}

#footer .leftrow,
#footer .rightrow,
#footer .leftrow a,
#footer .rightrow a {
    color: #332929;
    text-decoration: none;
}

#footer .leftrow a:hover,
#footer .rightrow a:hover { color: #E84F05; }