/* ====================================
   Primary Styles oyasan
   ================================= */
body{
	font:1em Osaka,'Meiryo UI','メイリオ', 'Trebuchet Ms', arial, verdana, sans-serif,'ＭＳ ゴシック';
	background:#fff url(img/bg_01.png) repeat-x top left;
	color:#000;
	margin:0;
	padding:0;
}

a:link { color: #005FFF; }
a:visited { color: #005FFF; }
a:hover { color: #8B4513; }
a:active { color: #8B4513; }

p{
line-height:150%;
color:#000;
margin:15px 0;
}

section table.view tr td p{
line-height:150%;
color:#000;
margin:0px 0;
}

h1{}

input{padding:5px 2px}
strong.red {color:red;}
.w_10{width:10px !important}
.w_20{width:20px !important}
.w_30{width:30px !important}
.w_40{width:40px !important}
.w_50{width:50px !important}
.w_60{width:60px !important}
.w_70{width:70px !important}
.w_80{width:80px !important}
.w_90{width:90px !important}
.w_100{width:100px !important}
.w_110{width:110px !important}
.w_120{width:120px !important}
.w_130{width:130px !important}
.w_140{width:140px !important}
.w_150{width:150px !important}
.w_160{width:160px !important}
.w_170{width:170px !important}
.w_180{width:180px !important}
.w_190{width:190px !important}
.w_200{width:200px !important}
.w_210{width:210px !important}
.w_220{width:220px !important}
.w_230{width:230px !important}
.w_240{width:240px !important}
.w_250{width:250px !important}
.w_260{width:260px !important}
.w_270{width:270px !important}
.w_280{width:280px !important}
.w_290{width:290px !important}
.w_300{width:300px !important}
.m_0, .m_0_0{margin:0 !important}
.m_0_5{margin:0 5px !important}
.m_0_10{margin:0 10px !important}
.m_5_0{margin:5px 0 !important}
.m_5, .m_5_5{margin:5px !important}
.m_5_10{margin:5px 10px !important}
.m_10_0{margin:10px 0 !important}
.m_10_5{margin:10px 5px !important}
.m_10, .m_10_10{margin:10px !important}
.mt_5 {margin-top: 5px !important}
.mr_5 {margin-right: 5px !important}
.mb_5 {margin-bottom: 5px !important}
.ml_5 {margin-left: 5px !important}
.mt_10 {margin-top: 10px !important}
.mr_10 {margin-right: 10px !important}
.mb_10 {margin-bottom: 10px !important}
.ml_10 {margin-left: 10px !important}
.p_0, .m_0_0{padding:0 !important}
.p_0_5{padding:0 5px !important}
.p_0_10{padding:0 10px !important}
.p_5_0{padding:5px 0 !important}
.p_5, .p_5_5{padding:5px !important}
.p_5_10{padding:5px 10px !important}
.p_10_0{padding:10px 0 !important}
.p_10_5{padding:10px 5px !important}
.p_10, .p_10_10{padding:10px !important}
.pt_5 {padding-top: 5px !important}
.pr_5 {padding-right: 5px !important}
.pb_5 {padding-bottom: 5px !important}
.pl_5 {padding-left: 5px !important}
.pt_10 {padding-top: 10px !important}
.pr_10 {padding-right: 10px !important}
.pb_10 {padding-bottom: 10px !important}
.pl_10 {padding-left: 10px !important}
.float_left{float:left}
.float_right{float:right}
.text_left{text-align:left}
.text_center{text-align:center}
.text_right{text-align:right}
.none{display:none;}
.block{display:block;}
.inline_block{display:inline-block;}
.vertical_align_middle{vertical-align: middle;}
.red{color:red;}
.gray{color:gray;}
.white{color:white;}


/* ====================================
   custom parts
   ================================= */
.line {
  padding-top: 2px;
  padding-right: 10px;
  padding-bottom: 2px;
  padding-left: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: bold;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-top-style: dotted;
  border-bottom-style: dotted;
  border-top-color: #888;
  border-bottom-color: #888;
}
.alert {
  background-color: #FEFBCF;
  background-image: url(img/old/q&a_cyui.gif);
  background-repeat: no-repeat;
  background-position: 10px 8px;
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 42px;
  border: 1px solid #FCEF58;
}

.info {background: url(img/old/q&a_info.gif) no-repeat top left;padding:5px 10px 5px 100px;}
.info2 {background: url(img/old/q&a_info2.gif) no-repeat top left;padding:5px 10px 5px 90px;}
.info3 {background: url(img/ico_info3.png) no-repeat top left;padding:5px 10px 5px 100px;}

.notice {margin: 20px 0 15px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
ul.breadcrumbs li.last { padding-left: 8px;}
section {padding-bottom:20px;}
section h1{
	padding-left:10px;
	font-size:1.5em;
	font-weight:bolder;
	color:#c34207;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-width: 3px;
	border-bottom-color: #75af75;
}
section h2{
	font-size:1.3em;
	font-weight:bolder;
	background-color: #f2ebc8;
	border-bottom-style: solid;
	border-bottom-color: #75af75;
	margin-top: 35px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-color: #75af75;
	border-top-style: none;
	border-right-style: none;
	border-left-width: 8px;
	padding-top: 5px;
	line-height: 120%;
	color: #c34207;
	padding-bottom: 5px;
}
section h3{
	font-size:1.2em;
	font-weight:bolder;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 3px;
	padding-left: 10px;
	border-left-width: 9px;
	border-left-style: solid;
	border-left-color: #75af75;
	line-height: 160%;
}
section h4{
	font-size:1.1em;
	font-weight:bolder;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
section .content {margin:10px;}
section .news ul {margin: 0 0 10px 10px;}
section .news ul li {list-style:none;padding: 10px 0;}
section .news ul li .date {padding-right:1em;display: inline-block;width: 100px;vertical-align: top;}
section .news ul li .content {list-style:none;display: inline-block;width: 540px;vertical-align: top;margin:0;}
section table.form tr th{border-bottom: none;padding:7px 10px 7px 5px;color:#000;font-weight: normal;}
section table.form tr td{border-bottom: none;padding:7px 5px 7px 10px;}
section table.form tr th.requied_mark{background: url(img/required.png) center right no-repeat;}
section table.form tr th:first-child{width:25%;text-align:right;}
section table.form tr td:first-child{width:25%;text-align:right;}
section table.view tr th{border-bottom: none;}
section table.view tr td{border-bottom: none;}
section table.view tr th:first-child{width:25%;text-align:right;}
section table.view tr td:first-child{width:25%;text-align:right;}
section .page_flow {padding: 10px 5px 80px;margin: 0 0 15px 0;}
section .page_flow li {list-style: none;float: left;text-align: center;padding: 20px 20px 20px 10px;background: url(/assets/kickstart/css/img/breadcrumbs-bg.gif) no-repeat center right;font-size: 0.8em;}
section .page_flow li.current {color: #c34207;font-weight: bolder;}
section div.form_explain {background-color: #f0f0f0;padding:10px 20px;border-radius: 8px;margin-bottom: 20px;}
section div.form_explain p {line-height:120%;margin: 10px 0;}

/* ====================================
   wrap
   ================================= */

#wrap{margin:0 auto 0 auto;border:none;width:960px;}
#header-info {background-color:#fff;}
#header-info .content {margin:0 auto;padding:5px;width:960px;color:#c34207;font-weight:bolder;font-size:10pt;}
#header {}
#header .top-element{float:right;padding:5px 0;}
#header .top-element .header-top-link{ float:left; padding:5px 10px 0 0;}
#header .top-element .header-top-link a{ color:#fff8b5;text-decoration:none;background:url(img/ico_arrow.png) no-repeat center left;padding-left:20px;}
#header .top-element .header-top-search{ 
	float:left;
	width:280px;
}
#header .top-element .header-top-search form.gsc-search-box {margin: 0;}
#header .top-element .header-top-search table.gsc-search-box {
	margin: 0;
}
#header .top-element .header-top-search table.gsc-search-box tr td {
	padding: 0;
	border-bottom: none;
	background-color: #5bb3ff;
	height: 27px;
}
#header .top-element .header-top-search table.gsc-search-box tr td.gsc-input {
	padding-right: 0px;
}
#header .top-element .header-top-search table.gsc-search-box tr td.gsc-input div.gsc-input-box {
	border: none;
	background-color: #5bb3ff;
}
#header .top-element .header-top-search table.gsc-search-box tr td.gsc-input div.gsc-input-box table tr td.gsib_a input.gsc-input {
	height: 25px !important;
}
#header .top-element .header-top-search table.gsc-search-box tr td.gsc-input div.gsc-input-box table tr td.gsib_b div.gsst_b a.gsst_a span.gscb_a {
	color: #fff;
	cursor: pointer;
}
#header .top-element .header-top-search table.gsc-search-box tr td.gsc-search-button {
}
#header .top-element .header-top-search table.gsc-search-box tr td.gsc-search-button input.gsc-search-button {
	background-color: #4d90fe;
	box-shadow: inset 0px 0px 6px #4787ed;
	-moz-box-shadow: inset 0px 0px 6px #4787ed;
	-webkit-box-shadow: inset 0px 1px 6px #4787ed;
	border: none;
	color: #FFFFFF;
	height: 25px;	
	width: 69px;
}
#header .content{clear:both;height:240px;background: url(img/header_content.png) no-repeat top center;}
#header .content .content-title{float:left;margin:0 0 30px 30px;height:180px;width:510px;background: url(img/tit_top_01.png) no-repeat bottom left;}
#header .content .content-back{float:left;margin:10px; height:220px;width:400px;background:url(img/img_top_01.png) no-repeat bottom right;}
#header .nav {clear:both;}
#header .nav ul.main-menu {margin:0;}
#header .nav ul.main-menu li {
	list-style:none;
	float:left;
	text-align:center;
	padding:0;
	background: url(img/img_globalnavi2.png) no-repeat center center;
	border-left:#fff solid 1px;
	width:159px;
	height:43px;
}
#header .nav ul.main-menu li.first {border-left:none;width:159px;background: url(img/img_globalnavi2.png) no-repeat center left;}
#header .nav ul.main-menu li.last {width:160px;background: url(img/img_globalnavi2.png) no-repeat center right;}
#header .nav ul.main-menu li a {
	display:inline-block;
	width:95%;
	padding:10px 0 5px;
	text-decoration:none;
	color:#753b0d;
	font-weight:bolder;
}
/*

#content #main {float:left;width:690px;}
#content #side {float:left;width:250px;}
#content #side .side-box {width:250px;margin:10px 0;}
#content #side .side-box.line-normal .title {background: url(assets/my/img/side-box-title1.png) no-repeat top center;}
#content #side .side-box.line-normal .content {background: url(assets/my/img/side-box-content1.png) no-repeat bottom center;}
#content #side .side-box.line-green .title {background: url(assets/my/img/side-box-green-title1.png) no-repeat top center;}
#content #side .side-box.line-green .content {background: url(assets/my/img/side-box-green-content1.png) no-repeat bottom center;}
#content #side .side-box.line-yellow .title {background: url(assets/my/img/side-box-green-title1.png) no-repeat top center;}
#content #side .side-box.line-yellow .content {background: url(assets/my/img/side-box-green-content1.png) no-repeat bottom center;}
#content #side .side-box .content ul.store {width:190px;}
#footer .footer-top .top-bg{float:left;background: #fff url(assets/my/img/img_line.png) no-repeat bottom center;height:55px; width:710px;}
#footer .footer-top .top-link{float:left;background: #fff url(assets/my/img/page-top1.png) no-repeat top center;height:45px; width:250px;margin-top:10px;text-align:center;line-height:40px;}
*/


#content {clear:both;padding:0 0 40px 0;}
#content #main {float:left;width:690px;background:#fff;padding-right:10px;}


#content #side {float:left;width:250px;padding-left:10px;}
#content #side .side-box {width:250px;margin:20px 0;}
#content #side .side-box.before_login {height: 125px; padding-top:8px;}
#content #side .side-box.before_login .login-link {display:block;height:90px; text-indent: -9999px;text-decoration: none;margin:10px;background: url(img/btn_login_off.png) no-repeat top center;border-radius:8px;}
#content #side .side-box.before_login .login-link:hover {background: url(img/btn_login_on.png) no-repeat top center;}
#content #side .side-box.before_login .registration-info {height:18px; margin-left: 18px; padding:20px 20px 0;background: url(img/ico_wakaba.png) no-repeat bottom left;}
#content #side .side-box.before_login .registration-link {display:block;height:72px; text-indent: -9999px;text-decoration: none;margin:10px;background: url(img/btn_registration_off.png) no-repeat top center;border-radius:8px;}
#content #side .side-box.before_login .registration-link:hover {background: url(img/btn_registration_on.png) no-repeat top center;}
#content #side .side-box .title {height:20px;padding:13px 10px 10px;text-align:center;color:#c34207;font-weight:bolder;font-size:1.2em;}
#content #side .side-box .content {padding:5px;}
#content #side .side-box .content ul {margin:0 0 10px 35px;}
#content #side .side-box .content ul.store {background: url(img/ico_cart.png) no-repeat center right;width:190px;}
#content #side .side-box .content ul.share {margin-left:20px}
#content #side .side-box .content ul.share li {list-style:none;}
#content #side .side-box .content ul li {}
#content #side .side-box .content ul.share li a .twitter{display:inline-block;height:24px;width:24px;margin-right:5px;background: url(img/ico_twitter.png) no-repeat center center;}
#content #side .side-box .content ul.share li a .facebook{display:inline-block;height:24px;width:24px;margin-right:5px;background: url(img/ico_fb.png) no-repeat center center;}
#content #side .side-box .content ul.share li a .mixi{display:inline-block;height:24px;width:24px;margin-right:5px;background: url(img/ico.mixi.png) no-repeat center center;}
#content #side .side-box .content ul.share li a .mail{display:inline-block;height:24px;width:24px;margin-right:5px;background: url(img/ico_mail.png) no-repeat center center;}
#content #side .side-box .content.support .support-detail a {display:inline-block;background: url(img/btn_top_02.png) no-repeat center center;width:182px; height:37px; margin:5px 0 10px 20px; text-indent: -9999px;text-decoration: none;}
#content #side .side-box.line-normal .title {background: url(img/side-box-title1.png) no-repeat top center;}
#content #side .side-box.line-normal .content {background: url(img/side-box-content1.png) no-repeat bottom center;}
#content #side .side-box.line-green .title {background: url(img/side-box-green-title1.png) no-repeat top center;}
#content #side .side-box.line-green .content {background: url(img/side-box-green-content1.png) no-repeat bottom center;}
#content #side .side-box.line-yellow .title {background: url(img/side-box-green-title1.png) no-repeat top center;}
#content #side .side-box.line-yellow .content {background: url(img/side-box-green-content1.png) no-repeat bottom center;}


#footer {width:100%;}
#footer .footer-top {margin: 0 auto;width:960px;}
#footer .footer-top .top-bg{
	float:left;
	background: #fff url(img/img_line.png) no-repeat bottom center;
	height:55px;
	width:760px;
}
#footer .footer-top .top-link{
	float:right;
	background: #fff url(img/page-top1.png) no-repeat top center;
	height:45px;
	width:200px;
	margin-top:10px;
	text-align:center;
	line-height:40px;
}
#footer .footer-top .top-link a{text-decoration:none;color:#753b0d;font-weight:bolder;}
#footer .footer-top .top-link a .icon{line-height:1.4em;}
#footer .footer-main {width:100%;background:#f1ebc9;}
#footer .footer-main .main-box{margin: 0 auto;width:960px;}
#footer .footer-main .main-box .content{float:left; width:240px;padding:20px 0 0;}
#footer .footer-main .main-box .content a{text-decoration:none;color:#753b0d;}
#footer .footer-main .main-box .content .header{ font-weight:bolder;padding-left:10px;}
#footer .footer-main .main-box .content ul{margin:0 0 0 20px}
#footer .footer-main .main-box .content ul li{list-style:none;}
#footer .footer-main .main-box .copyright {color:#753b0d;padding: 30px 5px 10px;font-size:0.9em;}



/*---------------------------------
	NOTICES
-----------------------------------*/
.notice{
border:1px solid #ffcf0f;
background:#ffffde;
padding:10px 10px 10px 10px;
margin:10px 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:#8A8A8A;
line-height:120%;
vertical-align: center;
text-shadow:0px 1px rgba(255,255,255,0.5);
position:relative;
top:0;
left:0;
clear:both;
}

	.notice.warning{}/*default*/
	.notice.error{border:1px solid red;background:#FFDEBD;color:#FF7503;}
	.notice.success{border:1px solid green;background:#DFFCA9;color:#0B560B;}
	.notice .icon{color:inherit;margin-right:10px;margin-bottom:-5px;*margin-top:-5px;}
	.notice a.icon.close,
	.notice a.icon.close:active,
	.notice a.icon.close:visited{font-size:12px;position:absolute;top:5px;right:-5px;left:auto;color:inherit;}


/* ====================================
   dialog
   ================================= */
.dialog_content {float:left;width:690px;background:#fff;padding-right:10px;}


/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 768px) {

}

@media only screen and (min-width: 1140px) {

}



/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}