@charset "UTF-8";


/*------------------------------------------------------------
共通 start
-------------------------------------------------------------*/

*{margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; font-style: normal; background-image: none; background-color: transparent;}

/*body
-------------------------------------------------------------*/
body{text-align: center; width: 100%; max-width: 1480px; margin:0 auto; font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important; word-break: break-all;}


/*h,p,aなど
-------------------------------------------------------------*/
h1.ct{text-align:left; float:left; clear:both; width:100%; padding-top: 2px; padding-bottom: 2px; color:#000000; border-top: 1px solid #0000e3; border-bottom: 1px solid #0000e3;}
h2.index{text-align: left; float: left; clear: both; width: 95%; margin-left: 2%;}
h2.ct{text-align:left; float:left; clear:both; text-decoration:underline;}
h3.ct{text-align:left; float:left; clear:both; text-decoration:underline;}
h3.tag{text-align: left; text-decoration: none; float: left; padding-top: 5px; padding-left: 5px; display:block; color: #000000; font-weight: normal; }
h3.sb{text-decoration: none; height: 25px; margin-bottom: 10px; display:block; border-bottom: 1px solid #0000e3;}
h4.ct{text-align:left; float: left; clear: both; color:#000000; font-size:15px;text-decoration:underline;}
h4.ct a:hover{color:#33ccff;}
h4.sb{width: 100%; clear: both; font-size: 15px;}
h4.sb a{color: #3366cc;}
h4.sb a:hover{color: #33ccff;}
h5.ct{text-align: left; float: left; clear: both; margin-top: 40px; font-weight: bold;}
p.time{text-align:left; float:left;clear: both; margin-top:15px; font-size:16px;}
p.ct{text-align:left; float:left; clear: both;}
p.ct_end{text-align: left; float: left; clear: both; margin-top: 20px; line-height: 32px; font-size: 16px;}
p.page{text-align:center; float:left; clear:both; width:100%;}
p.link{text-align:left; float:left; clear: both;}
p.sb{text-align:left; float:left; clear:both; padding-bottom:5px;}
p.ct a{line-height:17px;}
p.ct a:hover{color:#33ccff;}
p.ct_end a{line-height: 17px;}
p.ct_end a:hover{ color: #33ccff;}
p.page a:hover{ color: #33ccff;}
p.sb a:hover{color: #33ccff;}
a.hd{color:#ffffff; font-weight: bold;}
a.hd:hover{color: #33ccff;}
a.bread{text-align: left;}
a.bread{color: #000000;}
a.bread:hover{color: #33ccff;}
a.ct:hover{color: #33ccff;}
a.tag{text-align: center; float: left; color:#ffffff; font-size:13px; text-decoration:none; background-color:#0000e3;}
a.tag:hover{text-decoration: none; color:#33ccff;}
a.tag_ct{text-align: center; float: left; clear: both; color: #ffffff; font-size: 13px; text-decoration: none; background-color:#0000e3;}
a.tag_ct:hover{text-decoration: none; color:#33ccff;}
a.ex{line-height: 17px; font-weight: bold;}
ul.ct{float: left; clear: both; width: 100%; list-style-type: none;}
li.hd a{color:#000000;}
li.hd a:hover{color:#33ccff;}
li.ct{text-align:left; float: left; clear: both; padding-top: 5px; font-size: 16px; list-style-type:none;}
li.ct_sub{text-align:left; float: left; clear: both; width: 95%; padding-top: 5px; font-size: 16px; list-style-type:none;}
li.ct_sub a{color:#000000;}
li.ct a:hover{color: #33ccff;}
li.ct_sub a:hover{color: #33ccff;}
li.link{text-align:left; float:left; clear:both; list-style-type:none; }
li.link a:hover{color: #33ccff;}
li.sb{text-align:left; list-style-type:none; float:left; clear:both; color:#000000;}
li.sb a{text-align:left; clear:both; width:100%; color:#000000;}
li.sb a:hover{color:#33ccff;}
li.ft{display:inline; color:#000000;}
li.ft a{text-align:center; margin-left:10px; color: #000000;}
li.ft a:hover{color:#33ccff;}
pre{width: 95%;}
span.bread{font-size:13px;}
span.bold{font-weight:bold;}
span.red{color:red;}
img.hd{height:auto; }
img.top{text-align:center; height:auto;}
img.ct{text-align: left; float: left; clear: both; margin-top: 20px;}


/*------------------------------------------------------------
メイン設定
-------------------------------------------------------------*/

/*header
---------------------------------------------------------------*/
header{text-align: left; clear: both; width: 100%; margin:0 auto;}
#header_logo{float:left;}

/*main
-------------------------------------------------------------*/
main{clear: both; margin:0 auto;}


/*navi
-------------------------------------------------------------*/
#navi{list-style-type:none; margin:0 auto; overflow:hidden; padding:0 auto; z-index: 2; background-color:#ffffff;}
#navi li{text-align:center; float:left; list-style-type:none; position:relative; margin:0 auto; padding:0 auto;}
#navi li a{width:auto; margin:0 auto; background:#0000c6; border-right:1px solid #ffffff; color:#ffffff; display:block; font-size:14px; text-decoration:none;}
#navi li a:hover {background: #0036e3;}


/*breadcrumb パンくず
-------------------------------------------------------------*/
#breadcrumb{text-align: left; float:left; width: 100%;}


/*content
---------------------------------------------------------------*/
#content{float: left; margin-top: 0;}


/*広告 なし　スマホ、PCで設定
---------------------------------------------------------------*/


/*関連リンク
---------------------------------------------------------------*/
.rel_link{text-align:left; float:left; clear:both; border:1px solid #000000;}


/*目次
---------------------------------------------------------------*/
.summary{text-align: left; float: left; clear: both; width: 80%; margin-top: 40px; margin-left: 4%; margin-bottom: 20px; padding-top: 5px; padding-right:2%; padding-bottom: 20px; border: 1px solid #000000;}


/*コード
---------------------------------------------------------------*/
.code{text-align: left; float: left; clear: both; border: 1px solid #7f7fff; background-color: #fffff0;}

/*画像
---------------------------------------------------------------*/
.top_img{text-align:center; clear: both; margin:0 auto;}
.ct_img{text-align:left; float:left; clear: both; margin-top: 20px;}
.zoom_img{display: none; text-align: left; float: left; clear: both;}

/*テーブル 説明
---------------------------------------------------------------*/
table.ex,th.ex_th1,td.ex_td1{border-collapse: collapse;}
table.ex{float: left; clear: both; width:90%; margin-top:20px; margin-left:4%; border: 1px solid #333}
th.ex_th1{text-align:center; padding-top: 3px; padding-bottom: 3px; font-size:15px; color: #FFFFFF; background-color: #0000e3; border: 1px solid #000000}
td.ex_td1{padding:3px 3px; font-size: 15px; border: 1px solid #333}

/*side
---------------------------------------------------------------*/


/*tag
---------------------------------------------------------------*/


/*sideber
---------------------------------------------------------------*/
.sideber_box{clear:both; width:100%; margin-top:0;}
.side_contents{float:left; clear:both; width:100%; margin-bottom:5px; border-bottom: 1px #d3d3d3 solid;}
.side_gazou{text-align:center; float:left; width:20%; margin-top:5px; margin-left:5px; margin-right:5px; margin-bottom:5px;}
.side_statement{text-align:left; float:right; width:70%; margin-top:5px; margin-bottom:5px;}

/*footer
---------------------------------------------------------------*/
footer{float:left; clear:both; width:100%; border-top: 1px solid #0000e3;}
#footer_menu{text-align: center; width:100%;}
#footer_copyright{text-align:center; width:100%; margin-top:10px; color: #000000; }


/*------------------------------------------------------------
共通 end
-------------------------------------------------------------*/



/*------------------------------------------------------------
モバイル start
-------------------------------------------------------------*/

@media screen and (max-width: 767px) {


/*h,p,aなど
-------------------------------------------------------------*/
h1.hd a{height:70px;}
h1.ct{width:95%; margin-top:10px; padding-left:2%; padding-right:2%; font-size:25px;}
h2.index{margin-top:20px; font-size:22px;}
h2.ct{width:95%; margin-top:50px; margin-left:2%; margin-right:2%; font-size:22px;}
h3.ct{max-width:95%; margin-top:40px; margin-left:2%; margin-right:2%; font-size:20px;}
h3.tag{width:98%; height:25px; margin-bottom:20px; padding-left:2%; font-size:20px;}
h3.sb{text-align:left; clear:both; width:95%; margin-bottom:10px; padding-left:2%; padding-bottom:3px; font-size:20px;}
h4.ct{max-width:95%; margin-top:30px; margin-left:2%; margin-right:2%; font-size:18px;}
h4.sb{width: 100%; clear: both; font-size:18px;}
h4.sb a{width: 100%; clear: both; font-size:18px;}
h5.ct{width: 95%; margin-top:30px; padding-left: 2%; margin-right:2%; font-size:18px;}
p.time{width:100%; padding-left:2%; font-size:18px;}
p.ct{width:93%; padding-top:20px; padding-left:3%; padding-right:2%; font-size:16px; line-height:30px;}
p.ct_end{width:96%; padding:20px 3%; font-size:16px; line-height:30px;}
p.page{margin-top:30px; margin-bottom:20px; font-size:16px;}
p.link{width:98%; padding:5px 5px; font-size:16px;}
p.sb{width:98%; padding-left:2%; font-size:16px;}
a.hd{font-size:16px;}
a.bread{font-size:16px;}
a.tag{margin-left:2%; padding-top:6px; padding-left:10px; padding-right:10px; padding-bottom:6px; font-size:16px;}
a.tag_ct{margin-top: 15px; margin-left:2%; padding-top:6px; padding-left:10px; padding-right:10px; padding-bottom: 6px; font-size:16px;}
ul.hd{display: none;}
ul.ct{margin-bottom:5px;}
li.hd{display: none;}
li.ct{width:93%; padding-left:4%; padding-right:2%; line-height:30px; font-size:16px;}
li.sb a{font-size:16px; line-height:1.5em;}
li.link{width:98%; padding:5px 5px; font-size:16px;}
li.ct_sub{width:96%; margin-left:2%; line-height:1.5em; font-size:16px;}
li.sb{width:96%; padding-left:10px; padding-right:5px;}
li.sb a{font-size:16px; line-height:2.0em;}
li.ft a{font-size:16px;}
pre{padding-top:10px; padding-left: 1%; padding-bottom: 10px; font-size:13px;}
span.bread{font-size:16px;}
img.hd{text-align:center; width:100%; max-width:400px; margin:0 auto;}
img.ct{max-width:95%; margin-top:20px; margin-left: 2%;}
img.top{width:95%; margin:10px auto;}

/*------------------------------------------------------------
メイン設定
-------------------------------------------------------------*/

/*header
---------------------------------------------------------------*/
header{height: 70px;}
#header_logo{width:100%; padding-top:7px;}
#header_site{display:none;}

/*main
-------------------------------------------------------------*/
main{clear:both; width:100%;}

/*navi
-------------------------------------------------------------*/
#navi{width: 98%; height: 70px;}
#navi li{width: 24%;}
#navi li a{vertical-align:bottom; height:23px; font-weight:bold; padding:5px 0; border-bottom:1px solid #ffffff;}

/*breadcrumb パンくず
-------------------------------------------------------------*/
#breadcrumb{margin-top: 2px; margin-bottom: 2px; padding-left: 8px;}

/*content
---------------------------------------------------------------*/
#content{clear:both; width:100%;}


/*広告
---------------------------------------------------------------*/
.adv{text-align:left; clear:both; width:96%; margin-left:2%;}
.adv_bottom{text-align:left; width:96%; clear:both; margin-left:2%;}
.adv_side_bottom{display:none;}
.adv_link{display: none;}


/*関連リンク
---------------------------------------------------------------*/
.rel_link{width:97%; margin-top:30px; margin-left:1%;}


/*目次
---------------------------------------------------------------*/
.summary{width: 95%; margin-top: 15px; margin-left: 1%; margin-right:1%; margin-bottom:20px; padding-top: 5px; padding-bottom: 15px; border-top: 1px solid #7f7fff; border-left: 1px solid #7f7fff; border-right: 1px solid #7f7fff; border-bottom: 1px solid #7f7fff;}

/*コード
---------------------------------------------------------------*/
.code{text-align: left; float: left; clear: both; width: 96%; overflow-x: scroll; margin-top: 15px; margin-left: 1%;}

/*画像
---------------------------------------------------------------*/
.ct_img{pointer-events: none; max-width: 95%; margin-left: 2%;}
.zoom_img{max-width: 95%; margin-left: 2%;}

/*テーブル 説明
---------------------------------------------------------------*/
table.ex,th.ex_th1,td.ex_td1{border-collapse: collapse;}
table.ex{float: left; clear: both; width:90%; margin-top:20px; margin-left:4%; border: 1px solid #333}
th.ex_th1{text-align:center; padding-top: 3px; padding-bottom: 3px; font-size:15px; color: #FFFFFF; background-color: #0000e3; border: 1px solid #000000}
td.ex_td1{padding:3px 3px; font-size: 15px; border: 1px solid #333}

/*side
---------------------------------------------------------------*/
#side{float: left; text-align:center; clear: both; width: 100%; margin-top:10px;}

/*tag
---------------------------------------------------------------*/
#tag{float: left; clear: both; width: 100%;}

/*sideber
---------------------------------------------------------------*/
.sideber{float:left; clear:both; width:100%; margin-top:20px;}
.sideber_box{margin-bottom:30px;}
.side_gazou{margin-left:3%;}
.side_statement{ margin-right:4%;}


/*footer
---------------------------------------------------------------*/
footer{margin-top:15px;}
#footer_menu{font-size:18px; padding-top:10px;}
#footer_copyright{margin-top:10px; margin-bottom:10px; font-size:16px;}



}


/*-------------------------------------------------------------
モバイル end
-------------------------------------------------------------*/



/*-------------------------------------------------------------
PC start
-------------------------------------------------------------*/

@media screen and (min-width: 768px) {



/*body
-------------------------------------------------------------*/
body{max-width: 1480px;}

/*h,p,aなど
-------------------------------------------------------------*/
h1.ct{width:94%; margin-top:10px; padding-left:5%; font-size:22px;}
h2.index{margin-top: 10px; font-size: 16px;}
h2.ct{width:94%; margin-top:60px; padding-left:5%; font-size:20px;}
h3.ct{width:92%; margin-top:40px; padding-left:7%; font-size:18px;}
h3.tag{width:93%; height:25px; margin-bottom:5px; font-size:16px;}
h3.sb{text-align:left; float:left; width:100%; padding-top: 5px; padding-left:10px; font-size: 16px;}
h4.ct{width:92%; margin-top:30px; padding-left:7%; font-size:16px;}
h5.ct{width: 92%; margin-top:20px; padding-left:7%; font-size: 18px;}
p.time{width:90%; margin-top:20px; padding-left:8%; font-size:17px;}
p.ct{width:90%; margin-top:40px; padding-left:8%; font-size:16px; line-height:30px;}
p.ct_end{width:90%; margin-top:20px; margin-bottom:50px; padding-left:8%; font-size:16px;}
p.page{margin-top:20px; margin-bottom:30px; font-size:18px;}
p.link{width:95%; padding:5px 10px; font-size:16px; line-height:30px;}
p.sb{width:98%; padding-left:10px; font-size:16px; line-height:25px;}
a.hd{font-size: 16px;}
a.bread{font-size:13px;}
a.tag{margin-left:5px; padding-top:3px; padding-left:6px; padding-right:6px; padding-bottom:3px;}
a.tag_ct{margin-top:10px; margin-left: 20px; padding-top: 3px; padding-left: 6px; padding-right: 6px; padding-bottom: 3px;}
ul.ct{margin-bottom:5px;}
ul.hd{width:100%; margin-top:10px;}
li.hd{text-align:left; float:left; list-style-type:none; width:auto; margin-left:20px; display:inline-block; color:#000000; font-size:17px; font-family:'Comic Sans MS';}
li.ct{width:90%; padding-left:8%; line-height:25px; font-size:16px;}
li.link{width:95%; padding:2px 15px; font-size:16px;}
li.ct_sub{width:93%; padding-left:50px; line-height:23px; font-size:15px;}
li.sb{width:100%; padding-left:15px; font-size: 16px; line-height:30px;}
li.sb a{font-size:16px;}
li.ft a{font-size: 16px;}
pre{padding-top: 15px; padding-left: 20px; padding-bottom: 15px; font-size: 17px;}
span.bread{text-align: left;}
img.hd{ width:460px; height:auto; margin-left:10px;}
img.top{width:100%; max-width:px; margin-top:10px;}
img.ct{max-width: 400px; margin-left: 4%;}


/*------------------------------------------------------------
メイン設定
-------------------------------------------------------------*/

/*header
---------------------------------------------------------------*/
header{height:80px; margin-top:10px;}
#header_logo{width:70%; margin-right:1%;}
#header_site{float:left; width:25%;}

/*main
-------------------------------------------------------------*/
main{width:98%;}

/*navi
-------------------------------------------------------------*/
#navi{width: 100%; height: 30px;}
#navi li{width: 110px;}
#navi li a{padding:3px 0; font-weight:normal;}

/*breadcrumb パンくず
-------------------------------------------------------------*/
#breadcrumb{margin-top:10px; padding-left:10px;}

/*content
---------------------------------------------------------------*/
#content{width:68%; margin-left: 0%; margin-right:2%;}


/*広告
---------------------------------------------------------------*/
.adv{text-align: left; float:left; clear: both; width:90%; margin-left:8%;}
.adv_bottom{text-align:center; clear: both; width:92%; margin-top:10px; margin-left:6%;}
.adv_side_bottom{text-align:center; clear:both; width:90%; margin-top:15px; margin-left:8%; margin-bottom:15px;}
.adv_link{text-align: center; clear: both; width: 95%; height: 20px; margin-left:2%;}


/*関連リンク
---------------------------------------------------------------*/
.rel_link{width:90%; margin:30px 8%;}



/*目次
---------------------------------------------------------------*/


/*コード
---------------------------------------------------------------*/
.code{width: 90%; overflow-x: scroll; margin-top: 20px; margin-left: 4%;}

/*画像
---------------------------------------------------------------*/
.ct_img{max-width:400px; margin-left:4%;}
.zoom_img{margin-left:4%;}

/*テーブル 説明
---------------------------------------------------------------*/
table.ex{width:90%; margin-top:20px; margin-left:8%;}

/*side
---------------------------------------------------------------*/
#side{float:right; width:30%; margin-right:0;}

/*tag
---------------------------------------------------------------*/
#tag{float: right; width: 100%; margin:0 auto;}

/*sideber
---------------------------------------------------------------*/
.sideber{float:right; width:100%; margin-top:20px; margin-right:0; padding-bottom:0;}
.sideber_box{margin-bottom:20px; padding-bottom:0;}

/*footer
---------------------------------------------------------------*/
footer{margin-top:30px;}
#footer_menu{height:20px; padding-top:10px;}
#footer_copyright{padding-bottom:10px; font-size:14px;}




}


/*--------------------------------------------------------------
↑PC end 
---------------------------------------------------------------*/



/*以上
---------------------------------------------------------------*/