@charset "utf-8";

/* Table Of Contents
----------------------------------------

# General Elements
# body
# layout
# header
# gNav
# pageBody
# content
# sidebar
# footer
# clearfix
# common classes

----------------------------------------*/


/* # General Elements
---------------------------------------------------------------------------- */
html, body {
	width: 100%;
}

a    {color: #333; outline: none; text-decoration: none; }
a:hover   { color:#a6a6a6; text-decoration: underline; }

a.sideMoer:hover {
	color: #ff9600 !important;
	text-decoration: underline;
}

h2, h3, li, p, a {
	word-break: normal;
	word-wrap: break-word;
line-break: strict;
}

input {
	margin: 0;
	vertical-align: top;
}

button{
padding: 0;
border: none;
background: none;
margin: 0;
}

.open {
	display: block !important;
}

.bg_my_area {
	background: #d2f8ff !important;
}
.bg_my_point{
	background: #99dbef !important;
	border-bottom: 1px solid #99dbef !important;
}

.bg_my_img {
	background: url(../../img/common/bg_balloon_blue.gif?1405419959) no-repeat center top !important;
}

.bg_my_border:hover {
	border: 3px solid #00a6d6 !important;
}

.font-95 {
	font-size: 95% !important;
}
.font-100 {
	font-size: 100% !important;
}
.font-105 {
	font-size: 105% !important;
}

p.images img {
	height: auto;
	max-width: 100%;
	width:auto/9; /* ie8 */
}

p.inputItem img,
div.favImg img,
div.favWriterImg img,
dt.userImg img,
div.noticeImg img,
div.leftConts img,
p.reqimages img,
p.articleImage img,
.images img {
	 border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

a.boxLink {
	background: #fff;
	display: block;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	width:100%;
	top: 0;
	left: 0;
	z-index: 20;
	filter
}



span.hover {
	display: none;
}

a.positionLink {
	position: relative;
	display: block;
	top: -130px;
}

.hiddenArea {
	display: none;
}

.modal-open {
	overflow: hidden;
}

.popUpnotice {
	padding: 24px;
	width: 600px;
}
.popUpnotice .info_title {
	color: #00a7d2;
	margin-bottom: 6px;
	padding-left: 78px;
	font-size: 150%;
	font-weight: bold;
}
.popUpnotice .info_body {
	font-size: 135%;
	padding-left: 78px;
}

.popUpnotice .info_title {
padding-left: 0;
}

.popUpnotice .info_body {
padding-left: 0;
}

.info_body img {
float: left;
margin-right:15px;
}

.info_body p {
overflow: hidden;
}
.info_body a{
color: #00a6d6;
}

#popUpReqest {
	background: #fff;
	padding: 15px;
	border-radius: 12px;
}

#popUpReqest #request {
	margin-bottom: 0;
}

#popUpReqest h2.contentTitle {
	margin-bottom: 15px;
}

#popUplogin {
	background: #fff;
	padding: 33px 33px 23px;
	width: 880px;
	border-radius: 12px;
	border: solid 6px #000;
}

#popUplogin .loginTitle {
	margin-bottom: 20px;
}

#popUplogin .text {
	font-size: 135%;
}

#popUplogin .text a {
	color: #00a6d6;
}
#popUplogin .text a:hover {
	color: #ff9600;
}

#popUplogin .loginBtn {
	margin-left: -20px;
	padding-top: 25px;
}

#popUplogin .loginBtn li {
	float: left;
	margin: 0 0 20px 20px;
	width: auto;
}

#popUplogin .loginBtn li a:hover img {
	opacity: 0.6
}

#popUposirase {
	margin: 0 25px;
	padding:  25px 0;
}

#cboxLoadedContent #popUposirase {
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: auto;
	width: 556px;
}

#popUposirase .noticeItem {
	margin-bottom: 10px;
}

ul.noticeList li > a{
    background-color: #ccedf7;
    border: 3px solid #ccedf7;
    border-radius: 6px;
    color: #666666;
    display: block;
    font-size: 130%;
    padding: 7px;
    position: relative;
}
ul.noticeList li > a:hover {
    border-color: #00a6d6;
    color: #666666;
}

.noticeList .noticeContent {
    background-image: url(../../img/common/ico_arrow.gif?1405419959);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 21px;
    overflow: hidden;
}

.noticeImg {
    float: left;
    margin-right: 16px;
    width: 96px;
}
.noticeImg img {
    width: 100%;
}
.noticeTxt {
    float: left;
    width: 353px;
}
.noticeTxt .date {
    font-size: 80%;
}
.noticeTxt .noticeBody {
    font-color: #666666;
}

.cancel {
	position: absolute;
	top: -19px;
	right: -19px;
	z-index: 10;
}

img {
	height: auto;
	max-width: 100%;
	width:auto\9; /* ie8 */
}

/* # body
---------------------------------------------------------------------------- */

body {
	background-color: #fff;
	color: #333;
	font-size: 75%;
	font-family: arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',"メイリオ",Meiryo, sans-serif;
	line-height: 1.5;
	width: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-touch-callout:none;
	word-break:break-all
}


.noscroll {
position: fixed;
 overflow-y: scroll;
}

.noscrollbox {
position: fixed;
}


/* # loading animation
---------------------------------------------------------------------------- */
#loadAnim {
	background-color: rgba(255,255,255,0.6);
	background-color: #ffffff\9;
	filter: alpha(opacity=60);
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 99999;
}
#loadAnim div {
	border-radius: 6px;
	background-color: #fff;
	height: 100px;
	width: 100px;
	display: table;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	-webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    1px 1px 10px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         1px 1px 10px 0px rgba(0, 0, 0, 0.1);
}
#loadAnim div img {
	margin: auto;
	padding: 20px;
	width: 60px;
	line-height: 0;
}

/* # layout
---------------------------------------------------------------------------- */

div#layout {
	width: 100%;
}

p.toprequestBtn {
	padding-bottom: 27px;
}

p.toprequestBtn:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/* # header
---------------------------------------------------------------------------- */

header#header {
	background: #fff;
	/*position: fixed;*/
	width: 100%;
	z-index: 50;
}

header#header div.hBox,
header#header div#hnav {
	margin: 0 auto;
	width: 980px;
}

header#header div#headerInner {
	background: #00a6d6;
}

#hnav .SiteLogo{
	padding: 9px 0;
	float: left;
	width: auto;
}

header#header div.hBox ul li {
	float: left;
	width: auto;
}

header#header div#hnav dd {
	padding: 15px 13px 9px 0;
}

header#header div#hnav ul.settingNav {
	float: right;
	padding-top: 19px;
	min-height: 33px;
	width: auto;
}

header#header div#hnav ul.settingNav li {
	float: left;
	font-size: 95%;
	margin-left: 9px;
	width: auto;
}

header#header div#hnav ul.settingNav li.request {
	margin-left: 0px;
}

header#header div#hnav ul.settingNav li.tutti {position: relative;}

header#header div#hnav ul.settingNav li.tutti img {
	height: 32px;
}

header#header div#hnav ul.settingNav li.setting img {
width: 33px;
}

header#header div#hnav ul.settingNav li a:hover img{
	opacity: 0.6;
}

header#header div#hnav ul.settingNav li span.number {
	background: #c21212;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #fff;
	display: block;
	font-size: 80%;
	height: 13px;
	line-height: 13px;
	position: absolute;
	top: -3px;
	right: -4px;
	text-align: center;
	width: 14px;
}

header#header div#hnav ul.settingNav li a {
	display: block;
}

header#header div#hnav ul.settingNav li.setting a {
a	width: 123px;
}

header#header div#hnav ul.settingNav li.about a {
a	width: 108px;
}

header#header div#hnav ul.userMenu {
	display:none;
	position: absolute;
	border-bottom: 1px solid #b3b3b3;
}

header#header div#hnav ul.settingNav li.user:hover ul.userMenu {
	display: block;
}

header#header div#hnav ul.userMenu li {
	float: none;
	border: 1px solid #b3b3b3;
	border-bottom: none;
	margin: 0;
	width: 84px;
	height: auto;
	line-height: 1.7;
	text-align: center;
}

header#header div#hnav ul.userMenu li a {
	display: block;
	background: #f2f2f2;
}

header#header div#hnav ul.userMenu li a:hover {
	color: #fff;
	background: #80d2eb;
}


/* # gNav
---------------------------------------------------------------------------- */

header#header div.hBox ul.hmenu {
	float: left;
}

header#header div.hBox ul.hmenu li {
	padding:9px 35px 12px 0;
}

header#header div.hBox ul.hmenu li:hover img {
	opacity: 0.6;
}

nav#gNav {
	float: right;
	padding: 5px 0;
	width: auto;
}

nav#gNav li {
	float: left;
	padding-left: 20px;
	width: auto;
    line-height: 28px;
	height: 28px;
}

nav#gNav li img {
	vertical-align: middle;
}

nav#gNav li:hover img {
	opacity: 0.6;
}

li.user a {
	display: block;
	min-width: 100px;
	width: expression(document.body.clientWidth < 102? "100px" : "auto");
}

@-moz-document url-prefix() {
li.user a {
	min-width: 100px;
}
}
li.user a img {
	border-radius: 2px;
	max-height: 33px;
}

li.user a:hover img {
	opacity: 0.6
}

li.user span {
	vertical-align: middle;
	display: table-cell;
	padding-left: 10px;
	height: 30px;
	line-height: 1.5;
	max-width: 205px;
	width:expression(document.body.clientWidth > 207? "205" : "auto");
    width: 100%;
}

li.user img {
	float: left;
	vertical-align: top;
}

nav#gNav li form {
	border-radius:4px;
	background: #fff;
	padding: 4px 5px 4px 6px;
	line-height: 1.5;
}

nav#gNav li form button img {
	margin-top: 2px;
	vertical-align: top;
}

nav#gNav li form input[type="text"] {
	border: none;
	font-size: 130%;
	width: 166px;
}


/* # pageBody
---------------------------------------------------------------------------- */

div#pageBody {
	margin: 0 auto;
	padding-top: 15px;
	width: 980px;
	position: relative;
}


/* # content
---------------------------------------------------------------------------- */

div#content {
	float: left;
	width: 642px;
}

div#content section.contentBox {
	padding-bottom: 60px;
}

.contentTitle {
	background: url(../../img/common/bg_mh.gif?1405419959) repeat-x left bottom;
	padding-bottom: 13px;
	margin-bottom: 20px;
	position: relative;
}

div#content .contentTitle a.sideMoer {
	color: #808080;
	top: 29px;
	right: 0;
}

/* # LIST
---------------------------------------------------------------------------- */
ul.articleList li {
	margin-bottom: 10px;
	width: auto;
}

ul li p.images {
	float: left;
	min-height: 60px;
	margin-right: 15px;
	position: relative;
	width: auto;
}

span.imgProvider {
	position: absolute;
	display: none;
	left: 0;
	bottom: 0;
	color: #fff;
	background: #000;
	padding: 3px 5px;
	opacity: 0.6;
	font-size: 81%;
	z-index: 20;
}

span.imgProvider a {
	color: #fff;
	text-decoration: none;
	opacity: 1;
}

span.imgProvider a:hover {
	color: #fff;
	text-decoration: underline;
}

ul li:hover span.imgProvider {
	display: block;
}

ul li.reqArea p.images {
	min-width: 42px;
}

ul li div.textBox {
	float: left;
	width: auto;
}

p.date {
	color: #a7a7a7;
	font-size: 87%;
}

p.uni {
	position: absolute;
	right: -7px;
	top: -17px;
	z-index: 25;
}
#titleUnyu {
	top: 25px;
	right:-7px;
}

/* reqList
---------------------------------------------------------------------------- */

ul.reqList li.reqArea {
	border: 3px solid #f2f2f2;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-bottom: 10px;
	padding: 7px;
	position: relative;
	width: auto;
}

ul.reqList li.reqArea.borderHighlight:hover {
	border: 3px solid #999;
}

/* # hotte nattoku
---------------------------------------------------------------------------- */
.pointBox dt,
.pointBox dd {
	float: left;
	font-size: 95%;
	width: auto;
	position: relative;
	z-index: 21;
}

.pointValue {
	background: url(../../img/common/bg_hote.png?1405419959) no-repeat left center;
	margin-right: 10px;
	padding: 0 9px 0 8px;
	text-align: center;
}

.pointValue span {
	background:#fff;
	margin: 1px 0 0 0;
	padding: 0px 7px 0px;
	line-height: 15px;
	display: inline-block;
}

.digCompBox {
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	background: #f2f2f2;
	padding: 10px;
}

.pointBox {
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	background: #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 5px 10px;
}

.pointBox .textHote {
	color: #7950b0;
	font-weight: bold;
	position: relative;
}

.pointBox .textNatok {
	color: #d85d75;
	font-weight: bold;
	position: relative;
}

div.digArticle {
	background: url(../../img/common/bg_balloon.gif?1405419959) no-repeat center top;
	padding-top: 13px;
	border-top: 0px solid #e6e6e6;
	border-top-width: 0px;
}

div#sidebar ul li.reqArea  div.reqTextBox {
	width: 203px;
}

ul li.reqArea p.reqTitle {
	color: #00a6d6;
	font-weight: bold;
	padding-bottom: 3px;
	font-size: 90%;
}

ul li.reqArea p.title {
	font-size: 120%;
}

ul li.reqArea div.textBox p.userName {
	color: #a7a7a7;
	float: left;
	font-size: 86%;
	padding-top: 12px;
	width: 115px;
}

div#content ul li.reqArea  div.textBox p.userName {
	width: 385px;
	color: #a7a7a7;
	padding-top: 12px;
}

ul li.reqArea div.digCompBox p.date {
	float: right;
	line-height: 1.5;
	padding-top: 12px;
	width: auto;
}

ul li.reqArea div.digCompBox p.images {
	width: 60px;
}

/* .digCList
---------------------------------------------------------------------------- */
div#content ul.digCList li{
	margin-bottom: 10px;
}

div#content ul.digCList li a.digCBox{
	display: block;
	border: 4px solid #f2f2f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    position: relative;
}

div#content ul.digCList li a.digCBox:hover{
	background-color: #f9f9f9;
	border: 4px solid #D2D7D3;
    text-decoration: none;
    color: #555;
}
div#content ul.digCList li a.digCBox:hover p.images{
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
    opacity: 0.9;
}

div#content ul.digCList li p.images{width: 120px;}
div#content ul.digCList li div.digCTextBox p.title{font-size: 140%; line-height: 1.4; padding-bottom: 2px;}
div#content ul.digCList li div.digCTextBox p.userName{position: absolute; bottom: 6px; left: 146px; color: #a7a7a7;}
div#content ul.digCList li div.digCTextBox p.date{position: absolute; bottom: 6px; right: 10px; text-align: right;}

/* .digReqBox
---------------------------------------------------------------------------- */
.digReqBox{
	border-bottom: 1px dashed #ccc;
	padding-bottom: 25px;
	margin-bottom: 20px;
}

.digReqBox .digReqBoxTitle{
	font-size: 200%;
	font-weight: bold;
	background: url(../../img/common/article_q_pc.png) no-repeat 0 0;
	padding-left: 48px;
	margin-bottom: 10px;
}

.digReqBox .digReqNewBox{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #f2f2f2;
    padding: 10px;
}

.digReqBox .digReqNewBox dt{
	color: #00a6d6;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    display : inline-block;
    padding: 1px 8px;
    font-size: 90%;
    font-weight: bold;
    margin-bottom: 10px;
}

.digReqBox .digReqNewBox .digReqText{font-size: 140%; margin-bottom: 6px;}
.digReqBox .digReqNewBox .userName{float: left; text-align: left; color: #a7a7a7;}
.digReqBox .digReqNewBox .date{float: right; text-align: right;}


.answerBox .answerIcon{float: left; padding-right: 4px;}

/* # PR
---------------------------------------------------------------------------- */

.pr {
	font-size: 115%;
}

ul.textPr {
	margin-bottom: 50px;
}

ul.textPr li {
	margin-bottom: 3px;
}

/* # sidebar
---------------------------------------------------------------------------- */

div#sidebar {
	float: right;
	width: 300px;
}

div#sidebarInner {
	width: 300px;
	/*padding-bottom: 105px;*/
}

div.sideAreafix {
	position: absolute;
	right:0;
}

div.sidebarfix {
	position: fixed;
	bottom: 0px;
}

div.bottom0 {
	position: fixed;
	top: 122px;
}

div#sidebar div.sideBox {
	margin-bottom: 30px;
}

div#sidebar div.bner {
	margin-bottom: 25px;
	margin-top: 0px;
}

div#sidebar h2.sidetTitle {
	margin-bottom: 15px;
	position: relative;
}

a.sideMoer {
	font-size: 95%;
	color: #fff;
	position: absolute;
	top: 15px;
	right: 12px
}

div.notice{
	position: relative;
	margin-left: 10px;
}


div.popUpnotice div.notice{
max-height: 500px;
height: auto !important;
}

div.sideBox div.notice {
	margin: 0 0 10px;
}

div.notice p.images {
	background: url(../../img/common/ico_notice_o.gif?1405419959) no-repeat left top;
	float: left;
	margin-right: 15px;
	height: 60px;
	width: 61px;
}

div.notice a {
	display: block;
	margin-bottom: 8px;
}

.sideBox div.notice:hover p.images img {
	display: none;
}

div#sidebar div.notice div.infoContBox {
	float: left;
	width: 214px
}

div.notice p.date {
	font-size: 100%;
}

.sideBox div.notice p.info_title {
	font-size: 113%;
vertical-align: middle;
}

div.notice a:hover {
	text-decoration: none;
}

.sideBox div.notice a:hover p.info_title {
	text-decoration: underline;
}

div#sidebar div.notice .info_body {
	display:none;
}

div#sidebar ul.osusumeList li.osusumeArea {
	background: url(../../img/common/bg_side_oshirase.png?1405419959) repeat-x left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
	position: relative
}

div#sidebar ul.osusumeList li.osusumeArea:last-child {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

div#sidebar ul.osusumeList li.osusumeArea span.hover {
border: 3px solid #00a6d6;
display: none;
position: absolute;
width: 85px;
height: 91%;
padding: 0;
background: none;
left: 0;
top: 0;
}

div#sidebar ul.osusumeList li.osusumeArea:hover span.hover {
	display: block;
}

div#sidebar ul.osusumeList li.osusumeArea div.hotbox {
	position: relative;
	margin-left: 10px;
}

div#sidebar ul.osusumeList li.osusumeArea div.hotbox ul.pointList {
	position: absolute;
	bottom: 0;
	display: none;
}

div#sidebar ul.osusumeList li.osusumeArea div.hotbox p.title {
	font-size: 120%;
}

div#sidebar ul.osusumeList li.osusumeArea p.images {
	width: 90px;
	padding-top:1px;
}

div#sidebar ul.osusumeList li.osusumeArea:hover p.images img {
	opacity: 0.6;
}

div#sidebar ul.osusumeList .leftcalam,
div#sidebar ul.osusumeList div.textBox {
	width: 185px;
}

div#sidebar ul.osusumeList li.osusumeArea p.date {
	padding-bottom: 1px;
	line-height: 1;
}


div.digArticle div.textBox,
div.digArticle div.leftcalam {
	width: 175px;
}

div#content div.digArticle div.textBox,
div#content div.digArticle div.leftcalam {
	width: auto;
}

div.digArticle div.leftcalam p.date {
	padding-bottom: 1px;
	line-height: 1;
}

div.digArticle div.leftcalam p.title {
	padding-bottom: 11px;
}

div.digArticle div.leftcalam ul.pointList {
	position: absolute;
	bottom: 7px;
}

div#sidebar div.digArticle p.images {
	width: 90px;
}

div#sidebar ul li.reqArea div.digCompBox p.images {
	width: 42px;
}

div#sidebar h2.contentPushTitle {
	display: none;
}

div#sidebar h2.sidePushTitle {
	display: block;
	margin-bottom: 5px;
}

div#sidebar section.pushSection {
	margin-top: 0px;
	padding-bottom: 0px;
}

div#sidebar div#push {
	padding: 20px 10px;
}

div#sidebar div#push ul.pointList {
	position: absolute;
	bottom: 23px;
	padding: 0;
}

div#sidebar div#push div.images {
	margin-right: 0px;
	margin-bottom: 7px;
	width: 280px;
}

div#sidebar div#push div.images .uni {
	right: -5px;
	top: -9px;
	width: 40px;
}

div#sidebar div#push li.osusumeArea:hover p.images img {
	opacity: 1;
}

div#sidebar div#push ul.osusumeList div.leftcalam,
div#sidebar div#push ul.osusumeList div.textBox {
	width: auto;
}

div#sidebar div#push p.date {
	font-size: 80% !important;
}

div#sidebar div#push p.title {
	font-size: 115%;
	font-weight: normal;
	padding-bottom: 9px;
}

div#sidebar div#push p.text {
	display: none;
}

div#sidebar div#push ul.osusumeList li.osusumeArea {
	position: static;
}

div#sidebar div#push div.pushBox  {
	width: 100%;
	padding: 0 0 3px 0;
}

div#topNewsList li {
	background: url(../../img/common/bg_news.gif?1405419959) repeat-x left bottom;
	padding-bottom: 7px;
	margin-bottom: 7px;
	font-size: 95%;
}

div#topNewsList li:last-child {
	background: none;
}

div#topNewsList li a {
	color: #333;
	text-decoration: none;
}

div#topNewsList li a:hover {
	text-decoration: underline;
}


div.bner {
	width: 300px;
}

div.sideBox .digList li{position: relative;}
div.sideBox .digList li:first-child a.digListBox{
	border: none;
	padding-top: 0;
}
div.sideBox .digList li a.digListBox{
	display: block;
	border-top: 1px dotted #e8e8e8;
	padding: 10px 0;
}

div.sideBox .digList li a.digListBox:hover{color: #000;}
div.sideBox .digList li a.digListBox:hover .images img{
	opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
}

div.sideBox .digList li p.images {
    width: 90px;
    padding-top: 1px;
    float: left;
    min-height: 60px;
    margin-right: 10px;
    margin-left: 8px;
    position: relative;
}

div.sideBox .digList .icoQ{
	position: absolute;
	top: 1px;
	left: -4px;
	z-index: 10;
	width: 35px;
}

div.sideBox .netanotaneList div.netanotaneTextBox .title{padding-bottom: 2px;}
div.sideBox .netanotaneList li:first-child .icoQ{top: -9px;}

/****/
div.sideBox .netanotaneList li{position: relative;}
div.sideBox .netanotaneList li:first-child a.netanotaneListBox{
	border: none;
	padding-top: 0;
}
div.sideBox .netanotaneList li a.netanotaneListBox{
	display: block;
	border-top: 1px dotted #e8e8e8;
	padding: 10px 0;
}

div.sideBox .netanotaneList li a.netanotaneListBox:hover{color: #000;}
div.sideBox .netanotaneList li a.netanotaneListBox:hover .images img{
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

div.sideBox .netanotaneList li p.images {
	width: 90px;
	padding-top: 1px;
	float: left;
	min-height: 60px;
	margin-right: 10px;
	margin-left: 8px;
	position: relative;
}
div.sideBox .netanotaneList li p.title {
	width: 220px;
	max-height: 65px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-height: 1.4;
}

div.sideBox .netanotaneList div.netanotaneTextBox .title{padding-bottom: 2px;}
div.sideBox .netanotaneList li:first-child .icoQ{top: -9px;}

/* # footer
---------------------------------------------------------------------------- */

footer {
	background: #5a687c;
color: #fff;
	margin-top: 20px;
}

div.footerInner {
	height: 49px;
	line-height: 49px;
	margin: 0 auto;
	width: 980px;
}

div.footerInner a { color: #fff; text-decoration: none;}
div.footerInner a:hover { text-decoration: underline;}

p.privace {
	float: left;
	width: auto;
}

div#copyright {
	float: right;
	font-size: 86%;
	width: auto;
}
div#copyright > div {
	float: left;
	margin-right: 10px;
	width: auto;
}


/* # popuparat
---------------------------------------------------------------------------- */

div.backgroundArea {
	background-color: rgba(0,0,0,0.8);
		display: table-cell;
		vertical-align: middle;
		height: 100%;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
}

div.alertcheckArea{
	text-align: center;
	width: 400px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: ;
	margin: -200px;
}

div.alertText {
	background: #ccc;
	color:#000;
	border-bottom:1px solid #fff;
	height: 140px;
	padding-top: 110px;
}

div.line2{
		height: 140px;
padding-top: 100px;
}

div.lineM {
height:100px;
padding-top: 25px;
}

div.alertcheckArea p.logComent {
	line-height: 1.5;
}

div.alertcheckArea p.logtext2 {
	text-align:left;
	padding: 0 10px;
}

div.alertcheckArea p.alertbtnbox {
	background: #5d6874;
	color: #fff;
	height:70px;
	line-height: 70px;
	font-weight: bold;
	cursor: pointer;
}

div.heddenBox {
	display: none;
}
div.alertcheckArea p.logoutBtn{
	background:#c21212;
	color:#fff;
	width: 200px;
	float: right;
}
div.alertcheckArea p.logoutBtn a{
color:#fff;
display: block;
text-decoration: none;
}
div.alertcheckArea p.alertCancel {
	background: #5d6874;
	color: #fff;
	height:70px;
	line-height: 70px;
	font-weight: bold;
	width: 199px;
	border-right: 1px solid;
	float: left;
	cursor: pointer;
}
iframe.cboxIframe {
border-radius: 0px !important;
height: 161px !important;
}

	#user_image_edit {;
		max-height: 284px
	}
	.jcrop-holder {
		margin: 0 auto;
	}


/* # 404
---------------------------------------------------------------------------- */
.notFoundBg {
	background: #f2f2f2;
	padding: 20px;
	margin: 20px 0 40px;
}

.notFound {
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	padding-top: 95px;
	height: 485px;
}

.notFound .text {
	padding-bottom: 43px;
}

.notFound a:hover img {
	opacity: 0.6
}


/* # clearfix
---------------------------------------------------------------------------- */

div.notice,
.pointList,
div#pageBody {
	zoom: 1;
}

div.notice:after,
.pointList:after,
div#pageBody:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}


/* # common classes
---------------------------------------------------------------------------- */

/* # press release
---------------------------------------------------------------------------- */
.powered_by {
	font-size: 50%;
	float: right;
	padding-top: 15px;
}
.press_release_request {
	color: #adadad;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 5px;
}
.press_release_request a{
	color: #adadad;
	font-size: 12px;
	font-weight: bold;
}
.list_a_link {
	float: right;
}
.press_release_list .tag {
	width: 622px;
	background: #f4f4f4;
	padding: 10px 10px 5px 10px;
	float: none;
}
.press_release_list .tag ul {
	float: left;
}
.press_release_list .tag li {
	float:left;
}
.press_release_list .prtimes_article {
	background: #FFFFFF;
	margin-top: 30px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
}
.press_release_list .prtimes_article dl {
	margin-bottom: 15px;
	min-height: 115px;
	border-bottom: 1px solid #E8E8E8;
	position: relative;
	overflow: hidden;
}
.press_release_list .prtimes_article dd {
	position: relative;
	overflow: hidden;
	margin-left: 170px;
}
.press_release_list .prtimes_article dt {
	margin-right: 20px;
	width: 150px;
	float: left;
	position: relative;
}
.press_release_list .prtimes_article dt img {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.press_release_list .prtimes_article div {
	font-weight: bold;
	font-size: 20px;
	display: table;
	position: relative;
}
.press_release_list .prtimes_article span.new, .press_release_list .prtimes_article span.qa {
	position: absolute;
	top: -10px;
	left: -10px;
}
.press_release_list .prtimes_article a {
	display: block;
}
.press_release_list .prtimes_article dl .pr {
	color: #a7a7a7;
	font-size: 12px;
	border: 1px solid #a7a7a7;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 0 5px;
	position: absolute;
	bottom: 15px;
	right: 0;
}
.press_release_list .prtimes_article .tile {
	margin-bottom: 15px;
}
.press_release_list .prtimes_article .corp {
	float: left;
	color: #adadad;
	font-size: 12px;
	font-weight: normal;
	width: 360px;
	margin: 0 0 0 170px;
}
.press_release_list .prtimes_article .date {
	float: right;
	color: #adadad;
	font-size: 14px;
	width: 106px;
	position: absolute;
	bottom: 0;
	right: 0;
}