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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {
}
#wrap {
}



/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {}

/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gNavi {}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {}
#contentsAreaInner {}

h2 {}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea {  }
#footerAreaInner {}
#footerLogo{}
#footerCopyright{}




/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {
	text-align: right;
	margin-top: 5px;
	margin-bottom: 10px;
	clear: both;
}

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}



/*----------------------------------------------------------------------------
 ***                                                             unitSelectSec
----------------------------------------------------------------------------*/

#unitSelectSec{}
#unitSelectSec h2{
	margin:10px 0px 0px 0px;
	padding:6px 8px 6px 8px;
	background-color:#9E005D;
	color:#FFF;
	vertical-align:center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px; 
    border-radius: 3px;
}
#unitSelectSec #headerSec {
	background:url(../topic/images/back_banner_diary.png) right bottom no-repeat;
	background-color:#F5EAF0;
	height:67px;
}
#unitSelectSec #headerSec p{
	margin: 0px 0px 0px 0px;
	padding: 10px;
	width:50%;
	vertical-align:center;
}

#unitSelectSec .listTopicBox{}

.listTopic{ }
.listTopic .sectionInner{
	padding:10px 20px 10px 10px;
	border:#009ccc 1px solid;
	background:#F7F7F7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px; 
    border-radius: 4px;
	margin-bottom:-10px;
}


.lineBox h3{
	margin-bottom:5px;
	padding-bottom:3px;
	line-height:1.4em;
	color:#009ccc;
}

.listTopic .sectionInner h4{
	xxxbackground-image: url("../common_images/icon_essay.png");
	background-size: 54px 18px;
	background-repeat: no-repeat;
  	padding:0 0 0 0px;
	border-bottom:#009ccc dashed 1px;
	margin-bottom:10px;
	padding-bottom:3px;
	line-height:1.4em;
	color:#9E005D;
}
.listTopic .sectionInner h4.essay{
	xxxbackground-image: url("../common_images/icon_essay.png");
}
.listTopic .sectionInner h4.diary{
	xxxbackground-image: url("../common_images/icon_diary.png");
}
.listTopic .sectionInner p.kuwasikuBtn{ width:64px; float:right;}
.listTopic .sectionInner p.kuwasikuBtn img{margin:0 0 0 10px;width: 64px;height: 63px;}
.listTopic .sectionInner p.kuwasikuBtn + p{overflow: hidden;}


.lineBox{
	padding-left:0px;
	width:400px;
}

#OldTopicNavi {}
#OldTopicNavi p{
	text-align:right;
}

/*----------------------------------------------------------------------------
 ***                                                             QA
----------------------------------------------------------------------------*/
#unitQa{ margin-bottom:20px;}

.qaSec{
	border:#eee solid 5px;
	margin-bottom:10px;
}

.qaSec h3{
	padding:5px 10px 0 15px;
	font-size:20px;
	font-weight:normal;
}
.qaSec .sectionInner{ padding:0 10px 10px 10px;}
.qaSec p{ padding-left:20px;}
.qaSec .queBox{
	background:#FFF4E8;
	padding:10px;
	width:750px;
	margin-bottom:5px;
	float:left;
}
.qaSec .hinBox{
	background:#E8F0FF;
	padding:5px;
	width:300px;
	float:right;
	margin-left:10px;
}
.qaSec .hinBox p{
	padding:0;
}
.qaSec .hinBox h4{
	font-size:12px;
}
.qaSec .ansBox{
	clear:both;
	background:#E8F0FF;
	padding:10px;
}



#infoSec{}

#infoTb{
	float:left;
	width:490px;
}

#infoAddSec{
	float:right;
	width:290px;
}


#infoTb table{
	width:100%;
	border:#eee solid 5px;
}


/*----------------------------------------------------------------------------
 ***                                                             qaSecCon
----------------------------------------------------------------------------*/

.qaSecCon{
	border:#eee solid 5px;
	margin-bottom:10px;
}

.qaSecCon h3{
	padding:5px 10px 0 15px;
	font-size:20px;
	font-weight:normal;
}
.qaSecCon .sectionInner{ padding:0 10px 10px 10px;}
.qaSecCon p{ padding-left:20px;}
.qaSecCon .queBox{
	background:#FFF4E8;
	padding:10px;
	margin-bottom:5px;
}
.qaSecCon .hinBox p{
	padding:0;
}
.qaSecCon .hinBox h4{
	font-size:12px;
}
.qaSecCon .ansBox{
	clear:both;
	background:#E8F0FF;
	padding:10px;
}