@charset "UTF-8";

/* home.css
**************************************************************************************

1.main-visual
2.topics
3.pickup
4.works
5.column
6.news
7.comp
8.book

**************************************************************************************/ 

/* 1.main-visual
=============================================================================*/

div.mainbg {
	background:url("../../image/contents-bg001.gif") repeat-x 0 0;
}

div.main-area {
	width:960px;
	position:relative;	
	margin:0 auto 30px auto;
}

div.main-visual {
	width:960px;
}

div.main-visual p.main001 {
	width:960px;
	height:290px;
	margin:0 auto;
	font-size:1px;
	text-indent:-9999px;
	background:url("../../image/index-main.jpg") no-repeat 0 0;
}

/* 2.topics
=============================================================================*/


div.main-area div.topics-aera {
	width:198px;
	position:absolute;
	top:30px;
	right:16px;
}

div.main-area div.topics-aera h2 {
	display:none;
}

div.main-area div.topics-aera ul.topics-navi li{
	padding:0 0 5px 0;

}



/* 3.pickup
=============================================================================*/
/* ---- タブ ---- */
#wrapper #main div.pickup {
	width:100%;
	margin:0 0 25px 0;
}

#wrapper #main div.contents-box-inner-01 { 
	position:relative;
	background:url("../../image/contents-deco001.gif") no-repeat left bottom;
}

#wrapper #main div.contents-box h2 {
	width:706px;
	height:37px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 0 11px 0;
	background:url("../../image/index-tl001.gif") no-repeat 0 0;
}


#wrapper #main div.contents-box div#tab-area {
	padding:45px 0 0 0;
}

#wrapper #main div.contents-box div#tab-area h3 {
	width:95px;
	height:30px;
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:0;
}

#wrapper #main div.contents-box div#tab-area h3 a {
	display:block;
	height:30px;
}

/*タブ設定開始-------*/

/*all-------*/
#wrapper #main div.contents-box div#tab-area h3#all-tab {
	left:0px;
	width:118px;
}

#wrapper #main div.contents-box div#tab-area h3#all-tab a {
	height:48px;
	width:118px;
	display:block;
	background:url("../../image/index-tab001.gif") no-repeat 0 0;
}

#wrapper #main div.contents-box div#tab-area h3#all-tab a:hover ,
#wrapper #main div.contents-box div#tab-area h3#all-tab a.current {
	background-position:0 -48px;
}

/*kigyou-------*/
#wrapper #main div.contents-box div#tab-area h3#kigyou-tab {
	left:118px;
	width:117px;
}

#wrapper #main div.contents-box div#tab-area h3#kigyou-tab a {
	height:48px;
	width:117px;
	display:block;
	background:url("../../image/index-tab001.gif") no-repeat -118px 0;
}

#wrapper #main div.contents-box div#tab-area h3#kigyou-tab a:hover ,
#wrapper #main div.contents-box div#tab-area h3#kigyou-tab a.current {
	background-position:-118px -48px;
}

/*kyouiku-------*/
#wrapper #main div.contents-box div#tab-area h3#kyouiku-tab {
	left:235px;
	width:75px;
}

#wrapper #main div.contents-box div#tab-area h3#kyouiku-tab a {
	height:48px;
	width:143px;
	display:block;
	background:url("../../image/index-tab001.gif") no-repeat -235px 0;
}

#wrapper #main div.contents-box div#tab-area h3#kyouiku-tab a:hover ,
#wrapper #main div.contents-box div#tab-area h3#kyouiku-tab a.current {
	background-position:-235px -48px;
}

/*iryou-------*/
#wrapper #main div.contents-box div#tab-area h3#iryou-tab {
	left:378px;
	width:141px;
}

#wrapper #main div.contents-box div#tab-area h3#iryou-tab a {
	height:48px;
	width:141px;
	display:block;
	background:url("../../image/index-tab001.gif") no-repeat -378px 0;
}

#wrapper #main div.contents-box div#tab-area h3#iryou-tab a:hover ,
#wrapper #main div.contents-box div#tab-area h3#iryou-tab a.current {
	background-position:-378px -48px;
}

/*koukyou-------*/
#wrapper #main div.contents-box div#tab-area h3#koukyou-tab {
	left:519px;
	width:187px;
}

#wrapper #main div.contents-box div#tab-area h3#koukyou-tab a {
	height:48px;
	width:187px;
	display:block;
	background:url("../../image/index-tab001.gif") no-repeat -519px 0;
}

#wrapper #main div.contents-box div#tab-area h3#koukyou-tab a:hover ,
#wrapper #main div.contents-box div#tab-area h3#koukyou-tab a.current {
	background-position:-519px -48px;
}



#wrapper #main div.contents-box div.tab-inner {
	padding:28px 19px 19px 19px;
}

#wrapper #main div.contents-box div.tab-inner div.left {
	float:left;
	width:162px;
	padding:0 0 0 5px;
}

#wrapper #main div.contents-box div.tab-inner div.right {
	float:right;
	width:485px;
}

#wrapper #main div.contents-box div.tab-inner div.right p.tl001 {
	background:#f0f0f0;
	margin:0;
	font-weight:bold;
	text-align:center;
	padding:5px 3px 3px 3px;
	font-size:110%;
}

#wrapper #main div.contents-box div.tab-inner div.right ul li.rank {
	padding:0 0 5px 20px;
	background:url("../../image/index-ic001.gif") no-repeat 0 0;
}

#wrapper #main div.contents-box div.tab-inner div.right ul li {
	padding:0 0 5px 16px;
	background:url("../../image/index-ic005.gif") no-repeat 0 3px;
}

#wrapper #main div.contents-box div.tab-inner div.right ul.btn-area {
	width:274px;
	float:right;
	padding:10px 0 0 0;
}

#wrapper #main div.contents-box div.tab-inner div.right ul.btn-area li{
	font-size:1px;
	text-indent:-9999px;
	padding:0;
	background:none;
}

#wrapper #main div.contents-box div.tab-inner div.right ul.btn-area li.btn01 ,
#wrapper #main div.contents-box div.tab-inner div.right ul.btn-area li.btn01 a {
	display:block;
	float:left;
	width:131px;
	height:30px;
	background:url("../../image/index-btn001.gif") no-repeat 0 0;
}

#wrapper #main div.contents-box div.tab-inner div.right ul.btn-area li.btn01 a:hover {
	background-position:0 -30px;
}

#wrapper #main div.contents-box div.tab-inner div.right ul.btn-area li.btn02 ,
#wrapper #main div.contents-box div.tab-inner div.right ul.btn-area li.btn02 a {
	display:block;
	float:right;
	width:131px;
	height:30px;
	background:url("../../image/index-btn002.gif") no-repeat 0 0;
}

#wrapper #main div.contents-box div.tab-inner div.right ul.btn-area li.btn02 a:hover {
	background-position:0 -30px;
}



/* 4.works
=============================================================================*/

#wrapper #main div.works-area {
	width:100%;
	margin:0 0 21px 0;
}

/* title */
#wrapper #main div.works-area h2 {
	width:706px;
	height:39px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 0 15px 0;
	background:url("../../image/index-tl002.gif") no-repeat 0 0;
}

/* contents */
#wrapper #main div.works-area div.works-box-wrapper {
	padding:0;
}

#wrapper #main div.works-area div.works-box {
	width:162px;
	min-height:135px;
	margin:0 19px 0 0;
	float:left;
}

#wrapper #main div.works-area div.works-box-last {
	width:162px;
	min-height:135px;
	margin:0;
	float:right;
}


#wrapper #main div.works-area dl dt.works-img {
	width:162px;
	height:122px;
	text-align:center;
	margin:0 0 6px 0;
}

#wrapper #main div.works-area dl dt.works-img img {
	border:1px solid #cccccc;
}

#wrapper #main div.works-area dl dd p.works-txt01 {
	padding:0 0 6px 0;
}

#wrapper #main div.works-area dl dd p.works-txt02 {
	color:#777777;
}

/*icon*/
#wrapper #main div.works-area dl dd p.education {
	height:15px;
	display:block;
	line-height:1.2em;
	padding:0 0 0 70px;
	background:url("../../image/contents-ic001.gif") no-repeat 0 0;
}

#wrapper #main div.works-area dl dd p.btob {
	height:15px;
	display:block;
	line-height:1.2em;
	padding:0 0 0 70px;
	background:url("../../image/contents-ic003.gif") no-repeat 0 0;
}

#wrapper #main div.works-area dl dd p.medical {
	height:15px;
	display:block;
	line-height:1.2em;
	padding:0 0 0 70px;
	background:url("../../image/contents-ic004.gif") no-repeat 0 0;
}

#wrapper #main div.works-area dl dd p.municipality {
	height:15px;
	display:block;
	line-height:1.2em;
	padding:0 0 0 70px;
	background:url("../../image/contents-ic005.gif") no-repeat 0 0;
}

#wrapper #main div.works-area dl dd p.promotion {
	height:15px;
	display:block;
	line-height:1.2em;
	padding:0 0 0 70px;
	background:url("../../image/contents-ic006.gif") no-repeat 0 0;
}

#wrapper #main div.works-area dl dd p.cms {
	height:15px;
	display:block;
	line-height:1.2em;
	padding:0 0 0 70px;
	background:url("../../image/contents-ic007.gif") no-repeat 0 0;
}

/*-------*/

#wrapper #main div.guide-area {
	width:706px;
	padding:0 0 12px 0;
	margin:0 0 25px 0;
	border-bottom:1px solid #CCCCCC;
	clear:both;
}

#wrapper #main div.guide-area p {
	font-size:1px;
	text-indent:-9999px;
	width:706px;
	height:15px;
	display:block;
	margin:0 0 12px 0;
	background:url("../../image/index-tl003.gif") no-repeat 0 0;
}

#wrapper #main div.guide-area ul {
	width:696px;
	margin:0 auto;
}

#wrapper #main div.guide-area ul li {
	width:696px;
	vertical-align:top;
	display:block;
}

#wrapper #main div.guide-area ul li.clearfix {
	padding:0;
	background:none;
}

#wrapper #main div.guide-area ul li.clearfix ul li {
	width:210px;
	float:left;
	padding:0 5px 5px 17px;
	background:url("../../image/contents-ar001.gif") no-repeat 5px 8px;
}



/* 5.column
=============================================================================*/

/* ---- タブ ---- */
#wrapper #main div.koramu{
	width:100%;
	margin:0;
}

#wrapper #main div.contents-box-inner-02 { 
	position:relative;
	background:url("../../image/contents-deco001.gif") no-repeat left bottom;
}

#wrapper #main div.contents-box02 div#tab-area-koramu {
	padding:45px 0 0 0;
}

#wrapper #main div.contents-box02 div#tab-area-koramu h3 {
	width:95px;
	height:46px;
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:0;
}

#wrapper #main div.contents-box02 div#tab-area-koramu h3 a {
	display:block;
	height:46px;
}

/*タブ設定開始-------*/

/*web-------*/
#wrapper #main div.contents-box02 div#tab-area-koramu h3#web-tab {
	left:0px;
	width:363px;
}

#wrapper #main div.contents-box02 div#tab-area-koramu h3#web-tab a {
	height:46px;
	width:363px;
	display:block;
	background:url("../../image/index-tab002.gif") no-repeat 0 0;
}

#wrapper #main div.contents-box02 div#tab-area-koramu h3#web-tab a:hover ,
#wrapper #main div.contents-box02 div#tab-area-koramu h3#web-tab a.current {
	background-position:0 -46px;
}

/*user-------*/
#wrapper #main div.contents-box02 div#tab-area-koramu h3#user-tab {
	left:363px;
	width:343px;
}

#wrapper #main div.contents-box02 div#tab-area-koramu h3#user-tab a {
	height:46px;
	width:343px;
	display:block;
	background:url("../../image/index-tab002.gif") no-repeat -363px 0;
}

#wrapper #main div.contents-box02 div#tab-area-koramu h3#user-tab a:hover ,
#wrapper #main div.contents-box02 div#tab-area-koramu h3#user-tab a.current {
	background-position:-363px -46px;
}

/* inner02 -----*/

#wrapper #main div.contents-box02 div#tab-area-koramu div.tab-inner02 {
	padding:16px 19px 19px;
}



#wrapper #main div.contents-box02 div#tab-area-koramu div.tab-inner02 div.btn-area02 {
	width:387px;
	height:19px;
	float:right;
	margin:0;
	padding:0 0 4px 0;
}

#wrapper #main div.contents-box02 div#tab-area-koramu div.tab-inner02 div.btn-area03 {
	width:197px;
	height:19px;
	float:right;
	margin:0;
	padding:0 0 4px 0;
}

#wrapper #main div.tab-inner02 p.atext{
	width:450px;
	font-size:85%;
	float:left;
	padding:1px 0 13px 0;
}

/* rssボタン */

#wrapper #main div.tab-inner02 div.btn-area03 p.rss ,
#wrapper #main div.tab-inner02 div.btn-area02 p.rss {
	width:90px;
	height:19px;
	text-indent:-9999px;
	float:left;
}

#wrapper #main div.tab-inner02 div.btn-area03 p.rss a ,
#wrapper #main div.tab-inner02 div.btn-area02 p.rss a {
	display:block;
	width:90px;
	height:19px;
	background:url("../../image/index-btn003.gif") no-repeat 0 0;
}

#wrapper #main div.tab-inner02 div.btn-area03 p.rss a:hover ,
#wrapper #main div.tab-inner02 div.btn-area02 p.rss a:hover {
	background-position:0 -19px;
}

/* RSSについて */

#wrapper #main div.tab-inner02 div.btn-area03 p.about-rss ,
#wrapper #main div.tab-inner02 div.btn-area02 p.about-rss {
	width:107px;
	height:19px;
	text-indent:-9999px;
	float:left;
}

#wrapper #main div.tab-inner02 div.btn-area03 p.about-rss a ,
#wrapper #main div.tab-inner02 div.btn-area02 p.about-rss a {
	display:block;
	width:107px;
	height:19px;
	background:url("../../image/index-btn003.gif") no-repeat -90px 0;
}

#wrapper #main div.tab-inner02 div.btn-area03 p.about-rss a:hover ,
#wrapper #main div.tab-inner02 div.btn-area02 p.about-rss a:hover {
	background-position:-90px -19px;
}

/* 一覧 */

#wrapper #main div.tab-inner02 div.btn-area02 p.koramulink {
	width:183px;
	height:19px;
	float:right;
	text-indent:-9999px;
}

#wrapper #main div.tab-inner02 div.btn-area02 p.koramulink a {
	display:block;
	width:183px;
	height:19px;
	background:url("../../image/index-btn003.gif") no-repeat -204px 0;
}

#wrapper #main div.tab-inner02 div.btn-area02 p.koramulink a:hover {
	background-position:-204px -19px;
}



#wrapper #main div.tab-inner02 div.koramu-01 {
	padding:0 0 18px 0;
	margin:0;
}

#wrapper #main div.tab-inner02 h4.tl-01 {
	width:668px;
	height:21px;
	margin:0 0 17px 0;
	padding:0;
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/index-tl008.gif") no-repeat 0px 0;
}

#wrapper #main div.tab-inner02 h4.tl-02 {
	width:668px;
	height:21px;
	margin:0 0 14px 0;
	padding:0;
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/index-tl009.gif") no-repeat 0px 0;
}

#wrapper #main div#tab-area-koramu dl {
	width:100%;
	padding:0 0 3px 0;
}

#wrapper #main div#tab-area-koramu div.koramu-01 dt {
	width:29px;
	height:26px;
	text-indent:-9999px;
	font-size:1px;
	float:left;
}

#wrapper #main div#tab-area-koramu div.koramu-01 dt.r-01 {
	background:url("../../image/index-ic002.gif") no-repeat 2px 0;	
}

#wrapper #main div#tab-area-koramu div.koramu-01 dt.r-02 {
	background:url("../../image/index-ic003.gif") no-repeat 5px 4px;	
}

#wrapper #main div#tab-area-koramu div.koramu-01 dt.r-03 {
	background:url("../../image/index-ic004.gif") no-repeat 5px 4px;	
}

#wrapper #main div#tab-area-koramu div.koramu-02 dt {
	width:91px;
	float:left;
	color:#777777;
}
#wrapper #main div#tab-area-koramu dd {
	width:575px;
	float:right;
	display:block;
}

#wrapper #main div#tab-area-koramu div.koramu-01 dd {
	width:638px;
	float:right;
	display:block;
	padding:2px 0 0 0;
}

/* 6.news
=============================================================================*/
#wrapper #side div.side-news {
	width:220px;
	margin:0 0 15px 0;
	padding:0 0 11px 0;
	background:url("../../image/contents-deco002.gif") no-repeat left bottom;
}

#wrapper #side div.side-news h3 {
	width:220px;
	height:39px;
	margin:0 0 0 0 ;
	padding:0 0 9px 0;
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/index-tl006.gif") no-repeat 0 0;
}

/* リスト */

#wrapper #side div.side-news dl {
	width:198px;
	padding:0 0 10px 0;
	margin:0 auto 10px auto;
	border-bottom:1px solid #CCCCCC;
}

#wrapper #side div.side-news dl dt {
	color:#777777;
}

#wrapper #side div.side-news div.btn-area {
	width:162px;
	height:19px;
	text-indent:-9999px;
	font-size:1px;
	padding:0;
	margin:0 0 0 47px;
}

#wrapper #side div.side-news div.btn-area p.rss ,
#wrapper #side div.side-news div.btn-area p.rss a {
	width:17px; 
	height:19px;
	display:block;
	float:left;
	background:url("../../image/index-btn004.gif") no-repeat 0 0;
}

#wrapper #side div.side-news div.btn-area p.rss a:hover {
	background-position:0 -19px;
}

#wrapper #side div.side-news div.btn-area p.koramulink ,
#wrapper #side div.side-news div.btn-area p.koramulink a {
	width:138px; 
	height:19px;
	float:right;
	display:block;
	background:url("../../image/index-btn004.gif") no-repeat -24px 0;
}

#wrapper #side div.side-news div.btn-area p.koramulink a:hover {
	background-position:-24px -19px;
}

/* 7.comp
=============================================================================*/
#wrapper #side div.side-comp {
	width:220px;
	margin:0 0 15px 0;
	padding:0 0 11px 0;
	background:url("../../image/contents-deco002.gif") no-repeat left bottom;
}

#wrapper #side div.side-comp h3 {
	width:220px;
	height:39px;
	margin:0 0 0 0 ;
	/*padding:0 0 11px 0;*/
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/index-tl004.gif") no-repeat 0 0;
}

/* btn---*/

#wrapper #side div.side-comp p.btn03 ,
#wrapper #side div.side-comp p.btn03 a{
	margin:0 auto;
	width:198px;
	height:56px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/index-btn005.gif") no-repeat 0 0;
}

#wrapper #side div.side-comp p.btn03 a:hover {
	background-position:0 -56px;
}

/* list-----*/
#wrapper #side div.side-comp ul {
	width:198px;
	margin:0 auto;
	padding:12px 0 12px;
	border-bottom:1px solid #cccccc;
}


#wrapper #side div.side-comp li {
	width:89px;
	font-size:90%;
	float:left;
	padding:0 0 0 10px;
	background:url("../../image/contents-ar002.gif") no-repeat 2px 0.6em;
}

/* 正規代理店-----*/
#wrapper #side div.side-comp .txt-area {
    width:198px;
	margin:0 auto 10px;
    padding: 10px 0 0 0;
    font-size: 12px;
    line-height: 1.4;
}

#wrapper #side div.side-comp .google{
    width: 198px;
    margin: 0 auto;
    margin-bottom: 8px;
}
#wrapper #side div.side-comp .google img {
    box-shadow:0px 0px 5px 0px rgba(0,0,0,0.25);
}

#wrapper #side div.side-comp .yahoo {
    width:206px;
    padding-left: 4px;
	margin:0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 8.book
=============================================================================*/
#wrapper #side div.side-book {
	width:220px;
	margin:0 0 15px 0;
	padding:0 0 11px 0;
	background:url("../../image/contents-deco002.gif") no-repeat left bottom;
}

#wrapper #side div.side-book h3 {
	width:220px;
	height:39px;
	margin:0 0 0 0 ;
	padding:0 0 11px 0;
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/index-tl005.gif") no-repeat 0 0;
}

/* 本-----*/

#wrapper #side div.side-book div.book {
	width:198px;
	margin:0 auto 10px;
	padding:0 0 10px 0;
	font-size:85%;
	border-bottom:1px solid #cccccc;
}

#wrapper #side div.side-book div.book img {
	width:76px;
	float:right;
	margin:0 0 3px 5px;
}

#wrapper #side div.side-book div.book p {
	
}

/* lits----*/
#wrapper #side div.side-book div.btn-area {
	width:198px;
	height:19px;
	text-indent:-9999px;
	font-size:1px;
	padding:0 0 0 0;
	margin:0 auto;
}

#wrapper #side div.side-book div.btn-area p.koramulink ,
#wrapper #side div.side-book div.btn-area p.koramulink a {
	width:138px; 
	height:19px;
	float:right;
	display:block;
	background:url("../../image/index-btn006.gif") no-repeat 0 0;
}

#wrapper #side div.side-book div.btn-area p.koramulink a:hover {
	background-position:0 -19px;
}