@import url("/cafe/css/normalize-min.css");

/* basic */
body {
	color: #222;
  font-size: 14px;
  font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Lucida Grande', sans-serif; }

a {
	color: #819FA7;
	text-decoration: none; }
a:hover {color: #ff7000; }

div,p,ul,ol {margin: 0;padding: 0; }

h1 {font-size:22px;line-height:24px;}
h2 {font-size: 20px;line-height:22px;}

.cafe-h1 {border-bottom: 3px solid #1ca8ca;}
.hplas-h1 {border-bottom: 3px solid #e1831b;}
.other-h1 {border-bottom: 3px solid #222;}

h1 {margin: 0;padding: 0;}

h2,h3,h4,h5 {margin: 0;}

.cafe h2 {
	margin: 0 0 6px 0;
	padding: 0 0 0 24px;
	line-height: 26px;
	background: url("/cafe/images/cafe/cafe-s.png") top left no-repeat;
}
.hplas h2 {
	margin: 0 0 6px 0;
	padding: 0 0 0 24px;
	line-height: 26px;
	background: url("/cafe/images/hplas/hplas-s.png") top left no-repeat;
}

ul {list-style: none;}
.list-disc {list-style:disc;}

.main-width {width: 1020px; }
.column2 {width: 505px;}

.pagefix {margin: 0 auto; }

/* ---------- header */
.header-area {
	margin-bottom: 20px;
	border-bottom: 5px solid #c2cfd3; }
.tuniv-social {
	top: 0;
	right: 0; }
.global-nav {
	top: 71px;
	right: 0; }
.global-nav li {
	display: inline; }
.global-nav li a {
	padding: 7px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius:  5px 5px 0 0;
	-webkit-border-radius:  5px 5px 0 0; }

/* ---------- aside */
.aside-area {
	width: 200px;
	margin: 0 10px 0 0; }
.subnav-cafe {
	padding: 10px;
	background: #ececec;
	border-top: 5px solid #1ca8ca; }
.subnav-hplas {
	padding: 10px;
	background: #ececec;
	border-top: 5px solid #e1831b; }
.subnav-other {
	padding: 10px;
	background: #ececec;
	border-top: 5px solid #333; }
.sublist {
	font-size: 90%; }
.sublist li {
	padding: 0 0 0 13px;
	background: url("/cafe/images/nav/sublist-cursol.png") top left no-repeat; }

/* ---------- contents */
.other-contents {
	width: 810px; }
.youtube-bg {
	padding: 30px;
	background: #e5f5f9;
}
.sp100th-contents {
	width: 900px;}

/* ---------- footer */
.footer-area {
	font-size: 12px;
	margin-top: 20px;
	padding: 10px 0;
	border-top: 5px solid #222; }
.footer-information {
	padding: 10px 0;
	color: #fff;
	background: #222; }
.footer-information .info {
	font-size: 12px; }

/* widget */
/* ----- list-table */
.list-table {width: 400px;}
.list-table td {padding: 5px;}
.tag-date {
	width: 68px;
	height: 27px;
	padding: 0 0 0 12px;
	color: #fff;
	line-height: 28px;}
.cafe-tagbg {background: url("/cafe/images/cafe/tag-cafe.png") top left no-repeat;}
.hplas-tagbg {background: url("/cafe/images/hplas/tag-hplas.png") top left no-repeat;}
.sp-tagbg {background: url("/cafe/images/parts/tag-special.png") top left no-repeat;}
.tag-category {
	height: 27px;
	padding: 0 5px;
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}
.taglink {color: #fff;}
.taglink:hover {color: #fff;text-decoration: underline;}

/* -----category-nav */
.category-nav {}
.category-nav li {display: inline-block; }
.category-nav li a {
	height: 28;
	padding: 4px;
	line-height: 36px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }

/* ----- box */
.box-top-photo {
	width: 620px;}
.box-top-news {
	width: 400px;}

.box-form {
	background:#eceed6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;}
.box-form input[type=text] {
	width: 350px;
	margin: 0 0 0 177px;
	padding: 3px;
	padding: 5px\9;
	font-size: 18px;}
.box-form input[type=submit] {
	width: 100px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url("/cafe/images/parts/submit-serach.jpg") top left no-repeat;
	border: 0;}

.box-detail {
	padding: 10px;
	background: url("/cafe/images/parts/bg-detail.jpg") bottom right no-repeat;
	border: 1px solid #666;}
	
.box-list {
	padding: 5px;
	font-size: 12px;
	background: #f2f5f6 url("../images/parts/hagi.png") bottom right no-repeat;
	border: 3px solid #829ea7;
}

/* ----- link-tile */
.atile {
	color: #fff;
	background: #c2cfd3; }
.atile:hover {
	color: #fff;
	background: #ff7000; }




/* assistant */
/* ----- crumb */
.crumb {margin: 10px 0; }
.crumb li {
	margin: 0 7px 0 0;
	padding: 0 0 0 10px;
	background: url("/cafe/images/nav/crumb-cursol.png") no-repeat;
	display: inline; }

/* ----- pagenav */
.pagenav a {
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
	color: #fff;
	background: #c0cdd1;
	display: inline-block;
	}
.pagenav a:hover{ background: #ff7000;}

/* ----- size */
.w80 {width: 80px;}
.w120 {width: 120px;}
.w130 {width: 130px;}
.w150 {width: 150px;}
.w180 {width: 180px;}
.w230 {width: 230px;}
.w260 {width: 260px;}
.w300 {width: 300px;}
.w380 {width: 380px;}
.w405 {width: 405px;}
.w420 {width: 420px;}
.w440 {width: 440px;}
.w500 {width: 500px;}
.w540 {width: 540px;}
.w650 {width: 650px;}
.w670 {width: 670px;}
.w680 {width: 680px;}
.w810 {width: 810px;}
.wfix {max-width: 100%;}

/* ----- color */
.text-cafe {color: #1ca8ca;}
.text-hplas {color: #e1831b;}
.text-bluegray {color: #c2cfd3; }
.text-red {color: #d60404; }
.text-orange {color: #ff7000;}
.text-black {color: #222;}

.link-white {color: #fff;}
.link-black {color: #222;}
#divBg a {color: #9d2900;}
#divBg a:hover {color: #ff4e00;}

.bg-cafe {background-color: #1ca8ca;}
.bg-hplas {background-color: #e1831b;}
.bg-bluegray {background-color: #c2cfd3; }

/* ----- typography */
.text-small {font-size: 90%;}
.text-large {font-size: 120%;}

.text-bold {font-weight: bold;}

.top-h1-cafe {
	width: 445px;
	height: 74px;
	padding: 0 0 0 60px;
	line-height: 74px;
	background: URL("/cafe/images/top/caption-cafe.jpg") top left no-repeat;}
.top-h1-hplas {
	width: 445px;
	height: 74px;
	padding: 0 0 0 60px;
	line-height: 74px;
	background: URL("/cafe/images/top/caption-hplas.jpg") top left no-repeat;}

/* ----- parts */
.underline {
	padding: 0 0 3px 0;
	border-bottom: 1px solid #c0cdd1;}
.bg-icon {
	padding: 0 0 0 10px;
	background: url("/cafe/images/nav/crumb-cursol.png") no-repeat;}

/* ----- spacing */
.margin-tb5 {margin: 5px 0;}
.margin-tb20 {margin: 20px 0;}
.margin-20 {margin: 20px 0;}
.margin-t10 {margin-top: 10px;}
.margin-t20 {margin-top: 20px;}
.margin-b10 {margin-bottom: 10px;}
.margin-b20 {margin-bottom: 20px;}
.margin-l10 {margin-left: 10px;}
.margin-l18 {margin-left: 18px;}
.margin-l50 {margin-left: 50px;}

.padding-5 {padding: 5px;}
.padding-t20 {padding: 20px 0 0 0;}
.padding-b10 {padding: 0 0 10px 0;}
.padding-b20 {padding: 0 0 20px 0;}
.padding-tb5 {padding: 5px 0;}
.padding-tb10 {padding: 10px 0;}
.padding-tb20 {padding: 20px 0;}
.padding-lb10 {padding: 0 0 10px 10px;}

.thumbnail img {margin: 0 5px 0 0;padding: 2px;border: 1px solid #839fa8;}

/* ----- position */
.pos-top {
	vertical-align: top;}
.pos-left {
  float: left; }
.pos-bottom {
	vertical-align: bottom;}
.pos-center {
  margin: 0 auto; }
.pos-right {
  float: right; }
.pos-rel {
	position: relative;}
.pos-abs {
	position: absolute;}

.obj-left {
  text-align: left; }
.obj-center {
  text-align: center; }
.obj-right {
  text-align: right; }

.imgicon {
  padding: 0 2px;
  vertical-align: middle; }
.imgleft {
  margin: 0 8px 8px 0; }
.imgright {
  margin: 0 0 8px 8px; }

.contents-block {display: block;}
  
/* ----- border */
.borderbot {border-bottom:2px solid #222;}  
 
/* ----- clear */
.txt-indent-clear {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }
.clearfix {
  *zoom: 1; }