/*
Theme Name: media
*/

@charset "UTF-8";

/* Reset Style
------------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-weight:normal;
	}
body{
	line-height:1;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block
	}
ul,dl,ol{
	list-style:none
	}
a{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
    overflow: hidden;
    outline: none;
	text-decoration:none;
}
del{
	text-decoration:line-through;
	}
abbr[title],dfn[title]{
	border-bottom:1px dotted;cursor:help;
	}
table{
	border-collapse:collapse;border-spacing:
	}
hr{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
	}
input,select{
	vertical-align:middle;
	}
img{
	vertical-align:bottom;
}

a img{
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
a:hover img{
	opacity: .7;
	filter: alpha(opacity=50);
}
	
input[type="text"],
input[type="password"],
textarea,
select {
    outline:none;
}
.cb{
	clear:both;
}
.fr{
	float:right;
}
.fl{
	float:left;
}

.fl a{
	color:#0c6496;
	font-weight:bold;
	}
	
.fl a:hover{
	opacity: .7;
	filter: alpha(opacity=50);
	}

.dl_style01 a{
	font-size:100%;
	}

/*clearfix
------------------------------------------------------------*/
.cf:after {
  content: "";
  clear: both;
  display: block;
}

/* layout
------------------------------------------------------------*/
#wrapper{
	border-top:3px solid #00489e;
	color:#363636;
	line-height:1.5;
	font-size:14px;
}
#header,
#navi,
#contents,
#footer,
#bread{
	width:1000px;
	margin:0 auto;
}
/* header
------------------------------------------------------------*/
#header{
	padding:30px 0;
}
#header h1{
	font-size:12px;
	margin-top:10px;
}
#header .fr ul{
	margin-bottom:10px;
}
#header .fr ul li{
	float:left;
}
#header .fr ul li:first-child{
	margin-left:40px;
	margin-right:15px
}
#header #search_box input:first-child{
	border:2px solid #f2f2f2;
	border-radius:6px;
	float:right;
	width:297px;
	height:26px;
	box-shadow:inset #B2AEAE 1px 1px 4px;
}
#header #search_box input:nth-child(2){
	background: url(images/common/search.png) no-repeat;
	background-size:18px auto;
    cursor: pointer;
	border:none;
    position: relative;
	top:7px;
	left:309px;
    text-indent: -9999px;
    width: 21px;
	height:21px;
    z-index: 2;
}

.head a{ font-size:260%; }

/* navi
------------------------------------------------------------*/
#navi_wrap{
	background:#0c6496;
	height:70px;
}
#navi li{
	margin-top:15px;
	float:left;
	line-height:45px;
	margin-right:40px;
	border-left:#FFF 1px dotted;
	text-align:center;
	padding-left:40px;
}

#navi li:first-child{
	padding-left:70px;
	padding-right:40px;
	}

#navi li:last-child{
	border-right:#FFF 1px dotted;
	padding-left:34px;
	padding-right:34px;
	margin-right:0px;
	}

#navi li a{
	color:#FFF;
	display:block;
	}
	
#navi li a:hover{
	opacity: .7;
	filter: alpha(opacity=50);
	}
	
#navi ul{
	height:50px;
	}

/* bread
------------------------------------------------------------*/
#bread{
	margin-top:15px;
	margin-bottom:15px;
	font-size:12px;
}

/* contents
------------------------------------------------------------*/
#contents {
	margin-bottom:30px;
}
#contents a{
	color:#6685FF;
	text-decoration:underline;
}
#contents a:hover{
	text-decoration:none;
}

.ctop{ 
	margin-top:30px; 
	padding-top:30px;
	}

/* main
------------------------------------------------------------*/
#main{
	width:725px;
}
#main h2{
	background: url(images/common/h2_bg.png) no-repeat;
	font-size:33px;
	text-align:center;
	height:112px;
	line-height:3.4;
	color:#db9714;
	margin-bottom:40px;
}

#main h3,
.pages p.title{
	background: url(images/common/h3_bg.png) no-repeat;
	font-size:17px;
	padding-left:15px;
	height:46px;
	line-height:2.8;
	color:#ffffff;
	background:#f2587c;
	margin-bottom:0px;
}

#wrapp{
	width:725px;
}

#wrapp h3{
	background: url(images/common/h3_bg.png) no-repeat;
	font-size:17px;
	padding-left:15px;
	height:46px;
	line-height:2.8;
	color:#ffffff;
	background:#f2587c;
	margin-bottom:0px;
}

#heads{
	background: url(images/title.jpg) no-repeat;
	height:282px;
	position:relative;
	}

#heads h2{
	font-size:260%;
	color:#f2577f;
	font-weight:bold;
	margin:0;
	padding-left:40px;
	padding-top:50px;
	width:370px;
	text-align:right;
	}
	
#heads img{
	position:absolute;
	top:112px;
	left:195px;
	}
	
.box{
	margin-bottom:30px;
}
.ul_style01 li{
	margin-bottom:5px;
	color: #FF9B0B;
	font-weight: bolder;
}
.ul_style01 li:before{
	content: "・";
}

.dl_style01 dt,
.dl_style01 dd{
	margin-bottom:3px;
}

#lank_title{
	padding-top:30px;
	clear:right;
	}
.lank_box .fl{
	width:239px;
}
.lank_box .fr{
	width:460px;
	margin-top:5px;
}
.lank_box .fr dt{
	font-size:38px;
	border-bottom:2px solid #6A6A6A;
	margin-bottom:10px;
}
.lank_box .fr dd{
	font-size:13px;
	color:#D9653E;
}
.lank_box .fr dd:nth-child(2){
	margin-bottom:10px;
}
.lank_box{
	margin-bottom:20px;
	padding-bottom:30px;
	border-bottom:2px dotted #BABABA;
}

.tri{ 
	margin:0;
	margin-bottom:15px;
	 }

/* sidebar
------------------------------------------------------------*/
#sidebar {
	width:240px;
	background:#f4f3f3;
	border:#bbbbbb 1px solid;
	border-top:#0c6496 8px solid;
}
#sidebar dl{
	margin-bottom:15px;
}
#sidebar dl dt{
	height:46px;
	line-height:3.3;
	padding-left:5px;
	font-weight:bolder;
	margin-top:20px;
}

#sidebar dl dd ul li a{
	display:block;
	padding:10px 5px 10px 5px;
}

#sidebar li a{ 
	color:#14b4c0; 
	font-weight:bold;
	text-decoration:none;
	border-bottom:#14b4c0 1px dashed;
	}

#sidebar li a:hover{
	opacity: .7;
	filter: alpha(opacity=50);
	}

#sidebar dt a{
	font-size:125%;
	font-weight:bold;
	padding:0;
	color:#6b6f70;
	margin-bottom:10px;
	text-decoration:none;
	}
	
#sidebar a:hover{
	opacity: .6;
	filter: alpha(opacity=40); 
	}
	
/* common
------------------------------------------------------------*/
.maB10{
	margin-bottom:10px;
}
.maB15{
	margin-bottom:15px;
}
.maT15{
	margin-top:15px;
}
.bold{
	font-weight:bolder;
}

/* footer
------------------------------------------------------------*/
#footer_wrap{
	background:#2254AA;
	padding:20px;
}
#footer{
	color:#ffffff;
}
#footer a{
	color:#ffffff;
	text-decoration:underline;
}
#footer a:hover{
	text-decoration:none;
}
#footer address{
	text-align:center;
	font-size:80%;
	margin-top:10px;
}


/* blog
------------------------------------------------------------*/
#blog h3 a{
	color:#FFFFFF;
}
.post{
	border-bottom: 2px dotted #B0B0B0;
	padding-bottom:15px;
	margin-bottom:25px;
	line-height:30px;
}

.pages .box{
	line-height:1.8;
}

.maB20{
	margin-bottom:20px;
}
.next_link{
	text-align:right;
	margin-bottom:20px;
}

.btn01,
.btn01 a{
	display:block;
}
.btn01 a{
	background:url(images/pages/btn_bg.png) no-repeat;
	width:725px;
	height:86px;
	text-align:center;
	font-size:30px;
	line-height:3.0;
}
.color_red{
	color:#F12863;
	font-size:16px;
	font-weight:bolder;
}

.list_box .fr{
	width:460px;
}

.btn02 a{
	display:block;
	padding:10px;
	border:2px solid #B3B3B3;
	text-align:center;
	margin-top:10px;
	font-size:16px;
}
.date{margin-bottom:10px;
}

.blog_box .fl{
	margin-right:15px;
}
ul.point{
	margin-bottom:20px;
}
ul.point li{
	color:#FFAB4E;
	font-size:24px;
	margin-bottom:10px;
}

#rcolor{ margin:10px 0 10px 0 !important; }

#rcolor a{ color:#F36 !important; }

#rcolor:hover{ 
	opacity: .6;
	filter: alpha(opacity=40); 
	}

.stl{
	float:left; 
	width:550px; 
	}
					
.str{
	float:left; 
	width:160px;
	}
	
.btn01 a{ text-decoration:none !important; }