@charset "UTF-8";
/* CSS Document */

/*************************共通******************************/

body {
	background-color: #FFF;
}

a{
	color: #036;
	text-decoration: none;
}
a:link {}
a:visited {}
a:hover {
	color: #09F;
}
a:active {}




#wrapper {
	background-image: url(../img/bg.png);
	background-repeat: repeat-y;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#wrapper #container {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	background-color: #FFF;
}

.line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	width: 290px;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
}

/***************ヘッダー********************/

#wrapper #container #header {
	height: 128px;
	width: 900px;
	background-image: url(../img/header_bg.png);
	background-repeat: no-repeat;
}
#wrapper #container #header h1 {
	padding-top: 14px;
	padding-left: 18px;
	float: left;
}
#wrapper #container #header ul {
	float: right;
	height: 20px;
	width: 30%;
	margin-top: 10px;
}
#wrapper #container #header ul li {
	background-image: url(../img/arrow.png);
	background-repeat: no-repeat;
	padding-left: 18px;
	height: 18px;
	float: left;
	background-position: left center;
	margin-right: 10px;

}
#wrapper #container #header ul li a {
	font-size: 10px;
	}

#wrapper #container #header #search {
	float: right;
	margin-top: 35px;
	margin-right: 10px;
}

/*****************ナビゲーション**************************/

#wrapper #container #navi {
	height: 42px;
	width: 900px;
	background-image: url(../img/nav_bg.jpg);
	background-repeat: repeat-x;
	clear: both;
}

#wrapper #container #navi ul {}
#wrapper #container #navi ul li {
	height: 42px;
	width: 190px;
	float: left;
}
#wrapper #container #navi ul li a {
	background-image: url(../img/nav.jpg);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	height: 42px;
	width: 190px;
}
#wrapper #container #navi ul li a:focus {}

#wrapper #container #navi ul li.navi1 a {}
#wrapper #container #navi ul li.navi2 a {
	background-position: -190px 0px;
}
#wrapper #container #navi ul li.navi3 a {
	background-position: -380px 0px;
}
#wrapper #container #navi ul li.navi4 a{
	background-position:-570px 0;
	}
#wrapper #container #navi ul li.navi1 a:hover {
	background-position: 0px -42px;
}
#wrapper #container #navi ul li.navi2 a:hover {
	background-position: -190px -42px;
}
#wrapper #container #navi ul li.navi3 a:hover {
	background-position: -380px -42px;
}
#wrapper #container #navi ul li.navi4 a:hover {
		background-position: -570px -42px;
		}


/**********************パンくずリスト***************************/
#wrapper #container #topicpan {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#wrapper #container #topicpan ul {}
#wrapper #container #topicpan ul li {
	float: left;
}



/*******************コンテンツ*****************************/

#wrapper #container #category {}
#wrapper #container #category #contents1 {
	width: 540px;
	float: left;
	background-image: url(../img/seperate.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 20px;
	padding-top: 10px;
	
}

#wrapper #container #category #contents1 p {
	padding-left: 17px;
	font-size: 14px;
	line-height: 30px;
	background-image: url(../img/list.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 20px;
}
#wrapper #container #category #contents1 p.no-list {
	background:none;}
#wrapper #container #category #contents1 #event hr {
	padding-right: 30px;
	padding-left: 30px;
}
#wrapper #container #category #contents1 div#banner {
	height: 145px;
	width: 372px;
	margin-left: 75px;
}
#wrapper #container #category #contents1 div#banner ul {
	height: 145px;
	width: 412px;
	}
#wrapper #container #category #contents1 div#banner ul li {
	display: inline;
	float: left;
	height: 145px;
	width: 186px;
	margin-right: 20px;
}
#wrapper #container #category #contents1 div#banner li.btn01 {
	background-image: url(../img/banner_facebook_on.jpg);
	background-repeat: no-repeat;
}
#wrapper #container #category #contents1 div#banner li.btn02 {
		background-image: url(../img/banner_mailing_on.jpg);
	background-repeat: no-repeat;
	}
#wrapper #container #category #contents1 div#banner ul li a:link {
	display: block;
	height: 145px;
	width: 186px;
}

#wrapper #container #category #contents1 div#banner ul li a:visited {}
#wrapper #container #category #contents1 div#banner ul li a:hover img {
	visibility: hidden;
}

#wrapper #container #category #contents1 div#banner ul li a:active {}

/*#wrapper #container #category #contents1 div#facebook img {
	margin-left: 20px;
}*/

#wrapper #container #category h3 {
	font-size: 15px;
	color: #036;
	text-decoration: underline;
	margin-top: 5px;
	margin-left: 5px;
}
#wrapper #container #category #contents1 p.line1 {
	margin-bottom: 60px;
}
#wrapper #container #category #contents1 div#banner2 {
	margin-top: 60px;
	margin-bottom: 60px;
}
#wrapper #container #category #contents1 div#banner2 h3 {
	margin-bottom: 10px;
}
#wrapper #container #category #contents1 p.banner {
	text-align: left;
	margin-bottom: 15px;
	margin-top:10px;
}
#wrapper #container #category #contents1 img.elearning {
	margin-bottom: 10px;
}
#wrapper #container #category #contents1 a.elerning_btn {
	width:516px;
	height:46px;
	background-image:url(../img/elearning.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	margin-bottom:10px;}
#wrapper #container #category #contents1 a.elerning_btn:hover {
	background-position:bottom;}

#wrapper #container #category #contents2 {
	width: 330px;
	float: right;
	padding-top: 10px;
}
#wrapper #container #category #contents2 p {
	font-size: 14px;
	padding-left: 20px;
	line-height: 30px;
}





#wrapper #container #category #contents2 div#event {
	position: relative;
	width: 285px;
	background-image: url(../img/event_box.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 30px;
	padding-right: 25px;
}

#wrapper #container #category #contents2 div#event p.new {
	position:absolute;
	left:0px;
	top:30px;
	display:inline;
}
#wrapper #container #category #contents2 div#event span.title {
	font-size: 13px;
	font-weight: bold;
}
#wrapper #container #category #contents2 div#event p {
	line-height: 25px;
}

#wrapper #container #category #contents2 #banner {
	/*height: 280px*/;
	width: 350px;
}
#wrapper #container #category #contents2 #banner ul {
	height: 145px;
	width: 350px;
}
#wrapper #container #category #contents2 #banner ul li {
	display: inline;
	float: left;
	height: 140px;
	width: 165px;
	text-indent: -9999px;
}
#wrapper #container #category #contents2 #banner a.btn01 {
	background-image: url(../img/banner.jpg);
	background-position: 0px 0px;
	height: 140px;
	width: 165px;
	background-repeat: no-repeat;
	display: block;
}
#wrapper #container #category #contents2 #banner a.btn02 {
	background-image: url(../img/banner.jpg);
	background-repeat: no-repeat;
	background-position: -165px 0px;
	display: block;
	height: 140px;
	width: 165px;
}
#wrapper #container #category #contents2 #banner a.btn01:hover {
	background-position: 0px -140px;
}
#wrapper #container #category #contents2 #banner a.btn02:hover {
	background-position: -165px -140px;
}

/*************************アドセンス************************/
#adsense {
	margin-left:80px;
	/*margin-right:auto;*/
	margin-bottom:30px;
	}


/**************************プロフィール******************************/
#wrapper #container #profile {
	padding-left: 10px;
}
#wrapper #container #profile .section img#photo {
	float: left;
	margin-right: 30px;
}
#wrapper #container #profile p {
	padding-left: 20px;
	font-size: 14px;
	line-height: 30px;
}

#wrapper #container #profile h3 {

}
#wrapper #container #profile #box1 {
	clear: left;
}
.section {
	width: 100%;
	margin-bottom: 30px;
}

/*********************アーカイブ*******************************/
#wrapper #container #archives {
	padding-left: 10px;
	padding-bottom: 20px;
}
#wrapper #container #archives p {
	padding-left: 20px;
	font-size: 14px;
	line-height: 30px;
}


/************************about**************************/
#wrapper #container #category #about {
	padding: 25px;
}

#wrapper #container #category #about h2 {}
#wrapper #container #category #about h3 {
	font-size: 20px;
	color: #069;
}

#wrapper #container #category #about p {
	line-height: 20px;
	font-size: 14px;
}

#wrapper #container #category #about .section {
	margin-top: 20px;
}
/********************CDCガイドライン****************************/
#wrapper #container #category #cdc {
		padding: 25px;}
#wrapper #container #category #cdc p {
	font-size: 14px;
	line-height: 22px;
}

#wrapper #container #category #cdc h3 {
	font-size: 20px;
	color: #069;
}


/************************サーチフォーム**************************/

form{
	width: 240px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.search {
	margin: 3px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #FFF;
	background-image: url(../img/search.png);
	background-repeat: no-repeat;
	background-position: 8px 6px;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 30px;
}

.search:focus {
  outline:none;
	}


.rounded {
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
}

input[type=text]{
    color:#bcbcbc;
}



/*.lighter{
    background: url('./images/lighter_grey.jpg');
}*/
/*.lighter input[type=text]{
    border:1px solid #d0d0d0;
    background-color:#fcfcfc;
}
*/
/*.lighter, .light, .dark {
    width:95%;
    height:50px;
    padding:40px 25px;
}*/

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:243px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*文字選択色設定*/

/*反転時の文字色・背景色 */
::selection {
background: #F8E6AF;　　/* 背景色*/
color:#666666;　　/* 文字色*/
}
/* Firefox対応*/
::-moz-selection {
background: #F8E6AF;　　/* 背景色*/
color:#666666; 　　/* 文字色*/
}


.arrow {
	padding-right:5px;
}


.tougi {
	font-size: 1.5em;
	font-weight: bold;
	background-color: #F66;
	color: #fff;
	padding: 3px;
}

.tougi:hover {
	background-color:#F99;
}

/***************リンク画像********************/

a[target="_blank"]:after {
	content:url(../img/application_double.png);
	vertical-align:middle;
	margin:0 2px 0 5px;
}

a[href$=".pdf"]:after {
	content:url(../img/pdf_icon.jpg);
	vertical-align:middle;
	margin:0 2px;
}