* {font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック";}
body {color:#444444;margin:10px 0 0 0;font-size:13px;padding:0px;}
h2,h3,h4,form,p {margin:0px;font-size:13px;padding:0px;}
ul,ol,dl {margin-top:0px;margin-bottom:0px;}
/*dt,dd {margin:0;}*/
a {text-decoration:none;color:#444444;corsor:pointer;}
a:hover {text-decoration:underline;color:#00c;}
th {text-align:center;}
td {text-align:left;}
img {border:0px;}
input[type=button],input[type=submit],input[type=reset],label {cursor:pointer;}

#container {width:100%;max-width:920px;margin:0 auto;}

#copyright {background:#459fff;color:#fff;text-align:center;padding:4px 0 4px 0;}

.flexslider .slides {width:100%;}
#main {clear:both;}
/* メインメニュー */
@media all and (max-width: 770px) {
	#title_en {display:none;}
	#main-nav {position:absolute;left:0px;top:40px;display:none;box-shadow:1px 1px 2px #000;}
	#header #icon {display:none;}
	#menubutton {display:block;}
}
@media all and (min-width: 771px) {
	#main-nav {position:static;display:block;box-shadow:0 0 0;}
	#menubutton {display:none;}
	#main {min-height:440px;}
}


/* ヘッダー */
#header {width:100%;max-width:920px;margin:0 auto;padding:0px;}
#header #icon {padding-top:6px;}
#header #title, #header #title_en {margin-left:10px;padding-top:6px;}
#header #menubutton, #header #icon, #header #title, #header #title_en {float:left;font-size:16px;}
#header #menubutton {margin-top:3px;}
#header #title {font-weight:bold;}
#header #findform, #header #youtube, #header #member  {float:right;}
#header #youtube {margin:5px 5px 0 0;}
#header #member {margin:4px 5px 0 0;}
#header #youtube:hover, #header #member:hover {box-shadow:1px 1px 2px #000;}
#findform {width:160px;height:28px;background:url(/common/images/findbox.png) no-repeat;margin-top:4px;}
#findform #keyword {width:70px;float:left;border:0;outline:none;box-shadow:0 0 0;margin:2px 0 0 8px;transition:0;border-radius:0px;}
#findform p {float:left;width:26px;height:26px;}

/* パンくず */
#tree {list-style:none;margin-left:10px;padding:0;}
#tree li {float:left;}
#tree .next {background:url(/trycms/images/arrow05.png) no-repeat;padding-left:10px;margin-left:5px;}

/* フッター */
#footer {position:relative;background:#e1e1e1;padding:10px;}
#footer .col {float:left;margin-right:20px;}
#footer .col p {background:url(/trycms/images/point1.png) no-repeat;padding-left:15px;}
#footer .col ul {padding-left:2em;}
#footer a {color:#888;}
#footer a:hover {text-decoration:underline;color:#00c;}
#gototop {float:right;margin-top:-32px;}


/* ページャ */
#resultpager         {margin:0 auto;}
#resultpager .pager  {float:left;margin:2px;border:solid #abc 1px;text-align:center;width:35px;height:30px;line-height:30px;cursor:pointer;background:#fff;}
#resultpager .pager img {margin-top:3px;}
#resultpager .active {font-weight:bold;font-size:14px;background:#aaf;cursor:default;}

.activemenu {
	background:#eef;
	color: #fff;
	background-image: linear-gradient( #eef,#ccf);
}

.commandButton {
	background: #000aff;
	color: #fff;
	font-weight: bold;
	text-shadow: 0px 1px  1px  #000;
	background-image: linear-gradient( #8888ff,#aaaaff,#8888ff );
	padding:4px 10px 4px 10px;
	border-top-left-radius: 1em;border-top-right-radius: 1em;border-bottom-left-radius: 1em;border-bottom-right-radius: 1em;
	box-shadow: 0px 1px  2px  #000;
}
/**************** 標準クラス ****************/
.buttonArea {text-align:center;margin-top:20px;padding:20px;}
.bold {font-weight:bold;}
.underline {text-decoration:underline;}
.size10 {font-size:10px;line-height:14px;}
.size11 {font-size:11px;line-height:15px;}
.size12 {font-size:12px;line-height:16px;}
.size13 {font-size:13px;line-height:17px;}
.size14 {font-size:14px;line-height:18px;}
.size16 {font-size:16px;line-height:20px;}
.size18 {font-size:18px;line-height:22px;}
.size20 {font-size:20px;line-height:26px;}
.size24 {font-size:24px;line-height:30px;}
.tab1 {margin-left:4em;}
.tab2 {margin-left:8em;}
.tab3 {margin-left:12em;}
.line-table {border: solid 1px #aaa; border-collapse: collapse;}
.line-table th,.line-table td {border: solid 1px #aaa;}
.tabbox {border-top:solid #aaa 1px;border-right:solid #aaa 1px;border-left:solid #aaa 1px;}
.opacity {opacity: 0.6;}
.fieldtitle      {text-align:center;background:#fff url(/trycms/images/graybar1_200x200.png) repeat-x;}
.h20 {height:20px;line-height:20px;}
.h24 {height:24px;line-height:24px;}
.h28 {height:28px;line-height:28px;}
.h32 {height:32px;line-height:32px;}
.h40 {height:40px;line-height:40px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w140 {width:140px;}
.w160 {width:160px;}
.w200 {width:200px;}
.mt1 {margin-top:1px;}
.mt2 {margin-top:2px;}
.mt10 {margin-top:10px;}
.ml10 {margin-left:10px;}
.t-center {text-align:center;}
.corner-tl,.corner-top,.corner-left,.corner-all {border-top-left-radius: 1em;}
.corner-tr,.corner-top,.corner-right,.corner-all {border-top-right-radius: 1em;}
.corner-bl,.corner-bottom,.corner-left,.corner-all {border-bottom-left-radius: 1em;}
.corner-br,.corner-bottom,.corner-right,.corner-all {border-bottom-right-radius: 1em;}

.linetable       {border-right:solid #def 1px;border-bottom:solid #def 1px;line-height:16px;}
.linetable td    {border-top:solid #def 1px;border-left:solid #def 1px;}
.linetable th    {border-top:solid #def 1px;border-left:solid #def 1px;}
.linetable2      {border-right:solid #aaa 1px;border-bottom:solid #aaa 1px;line-height:16px;}
.linetable2 td   {border-top:solid #aaa 1px;border-left:solid #aaa 1px;}
.linetable2 th   {border-top:solid #aaa 1px;border-left:solid #aaa 1px;}
.nonborder       {border:0px;} .nonborder td {border:0px;} .nonborder th {border:0px;}

.pointer {cursor:pointer;}
.text-shadow {text-shadow:1px 1px 2px #000;}
.text-shadow-w {text-shadow:1px 1px 2px #fff;}
.box-shadow  {box-shadow: 2px 2px 2px #888;}
.box-shadow2  {box-shadow: 0 1px 1px #000;}

.box {border:solid #aaa 1px;}
.box2 {border:solid #000 1px;}
.border0 {border:0px;}
.both {clear:both;}
.indent          {text-indent:-1em;padding-left:1em;color:#555;}
.f-left {float:left;}
.f-right {float:right;}
.t-right {text-align:right;}
.f16 {font-size:16px;}
.no-ime {ime-mode:disabled;}
.red {color:#f00;}
.blue {color:#00f;}
/* バリデーション用入力エラーメッセージ */
label.error {
	border:solid #eee 2px;
	margin-left:2px;
	padding:4px;
	text-shadow: 0 -1px 0 #000;
	background:#DF0B13;
	background-image: linear-gradient( #FF0E18 , #DF0B13 );
	box-shadow: 0 0 6px #000;
	color:#fff;
	white-space:nowrap;
	font-size:13px;
	font-weight:bold;
	opacity: 0.8;
	border-radius: 6px;
	margin:4px;
}
.bar-default {
	background:#8888ff;
	color: #fff;
	text-shadow: 0px -1px  1px  #000;
	background-image: linear-gradient( #8888ff,#aaaaff);
}
.bar-blue {
	background: #000aff;
	color: #fff;
	font-weight: bold;
	text-shadow: 0px -1px  1px  #000;
	background-image: linear-gradient( #8888ff,#aaaaff,#8888ff );
}
.bar-white-cyan {
	background: #aaaaff;
	color: #000;
	font-weight: bold;
	text-shadow: 1px 1px  1px  #fff;
	background-image: linear-gradient( #fff,#eef );
}
.bar-cyan {
	background: #aaaaff;
	color: #000;
	font-weight: bold;
	text-shadow: 1px 1px  1px  #fff;
	background-image: linear-gradient( #aaaaff,#ddddff,#aaaaff );
}
.bar-orange {
	background: #ff9600;
	color: #000;
	font-weight: bold;
	text-shadow: 1px 1px 1px  #fff;
	background-image: linear-gradient( #ff9600,#ffee00,#ff9600 );
	
}
.bar-pink {
	background: #f88;
	color: #000;
	font-weight: bold;
	text-shadow: 1px 1px 1px  #fff;
	background-image: linear-gradient( #f88,#fee,#f88 );
}
.bar-green {
	background: #28c8c8;
	color: #000;
	font-weight: bold;
	text-shadow: 1px 1px 1px  #fff;
	background-image: linear-gradient( #28c8c8,#68f8f8,#28c8c8 );
	
}
.ui-bar-a {
	border: 1px solid #2A2A2A ;
	background: #111111 ;
	color: #ffffff ;
	font-weight: bold;
	text-shadow: 0  -1px  1px  #000000 ;
	background-image: linear-gradient( #3c3c3c , #111111 );
}
.ui-bar-b {
	background: #5e87b0 ;
	color: #ffffff ;
	font-weight: bold;
	text-shadow: 0  -1px  1px  #254f7a ;
	background-image: linear-gradient( #81a8ce , #5e87b0 );
}
.ui-bar-b-box {border:solid #5e87b0 1px;}
.ui-bar-c {
	background: #fff ;
	color: #3E3E3E ;
	font-weight: bold;
	text-shadow: 0  1px  1px  #ffffff ;
	background-image: linear-gradient( #fff , #eee );
}
.ui-bar-d {
	border: 1px solid #cccccc ;
	background: #bbbbbb ;
	color: #333333 ;
	font-weight: bold;
	text-shadow: 0  1px  0  #eeeeee ;
	background-image: linear-gradient( #dddddd , #bbbbbb );
}
.ui-bar-e {
	border: 1px solid #DF0B13 ;
	background: #f80d16 ;
	color: #ffffff ;
	text-shadow: 0  -1px  0  #444444 ;
	background-image: linear-gradient( #FF0E18 , #DF0B13 );
}
.ui-bar-f {
	border: 1px solid #009245 ;
	background: #009245 ;
	color: #ffffff ;
	font-weight: bold;
	text-shadow: 0  -1px  1px  #444444 ;
	background-image: linear-gradient( #00A04B , #00833E );
}
.ui-bar-g {
	border: 1px solid #00a99d ;
	background: #00a99d ;
	color: #ffffff ;
	font-weight: bold;
	text-shadow: 0  -1px  1px  #444444 ;
	background-image: linear-gradient( #00B9AC , #00988D );
}
.ui-bar-h {
	border: 1px solid #2e3192 ;
	background: #060975 ;
	color: #ffffff ;
	font-weight: bold;
	text-shadow: 0  -1px  1px  #444444 ;
	background-image: linear-gradient( #060980 , #050869 );
}
.ui-bar-i {
	background: #ffcc33 ;
	color: #000000 ;
	text-shadow: 0  1px  1px  #fff ;
	background-image:         linear-gradient( #FFe038 , #e5b72d );
}
.ui-bar-j {
	border: 1px solid #c69c6d ;
	background: #c69c6d ;
	color: #000000 ;
	text-shadow: 0  1px  1px  #eeeeee ;
	background-image: linear-gradient( #d9ab77 , #b28c62 );
}
.ui-bar-k {
	border: 1px solid #33ccff ;
	background: #33ccff ;
	color: #000000 ;
	font-weight: bold;
	text-shadow: 0  1px  1px  #eeeeee ;
	background-image: linear-gradient( #38e0FF , #2db7e5 );
}
.ui-bar-l {
	border: 1px solid #603813 ;
	background: #603813 ;
	color: #ffffff ;
	font-weight: bold;
	text-shadow: 0  1px  1px  #444444 ;
	background-image: linear-gradient( #693d14 , #563211 );
}
.ui-bar-m {
	border: 1px solid #ccc ;
	background: #ddd ;
	color: #333 ;
	font-weight: bold;
	text-shadow: 0  1px  0  #fff ;
	background-image: linear-gradient( #eee , #ddd );
}
.ui-bar-n,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,.focus2:hover,.hover:hover {
	background: #ddf ;
	color: #444 ;
	font-weight: bold;
	text-shadow: 0  1px  0  #fff ;
	background-image: linear-gradient( #fff , #ddf );
}
.ui-bar-o {
	background: #ffc ;
	color: #444 ;
	font-weight: normal;
	background-image: linear-gradient( #ffe , #ffc );
}
form fieldset          {margin-bottom:18px;padding-top:18px;}
form fieldset legend   {display:block;margin-left:150px;font-size:20px;line-height:1;color:#404040;}
form div.clearfix      {margin-bottom:18px;}
form label             {padding-top:6px;font-size:13px;line-height:18px;text-align:right;color:#404040;}
form div.input         {margin-left:150px;}
form textarea          {height:auto;}
form .uneditable-input {background-color:#eee;display:block;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);}
form :-moz-placeholder {color:#ccc;}
form label,form input,form select,form textarea{font-size:13px;font-weight:normal;line-height:normal;}
form input[type=checkbox],form input[type=radio]{cursor:pointer;}
form input[type=text],form input[type=password],form textarea,form select,form .uneditable-input{display:inline-block;width:210px;margin:0;padding:2px;font-size:13px;line-height:18px;color:#444;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
form select,form input[type=file]{height:24px;line-height:24px;}
form ::-webkit-input-placeholder{color:#ccc;}
form :input-placeholder{color:#ccc;}
form input[type=text],form input[type=password],form select,form textarea{-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);}
form input[type=text]:focus,form input[type=password]:focus,form textarea:focus{outline:none;border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);}
form div.error{background:#fae5e3;padding:10px 0;margin:-10px 0 10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}form div.error>label,form div.error span.help-inline,form div.error span.help-block{color:#9d261d;}
form div.error input[type=text],form div.error input[type=password],form div.error textarea{border-color:#c87872;-webkit-box-shadow:0 0 3px rgba(171, 41, 32, 0.25);-moz-box-shadow:0 0 3px rgba(171, 41, 32, 0.25);box-shadow:0 0 3px rgba(171, 41, 32, 0.25);}form div.error input[type=text]:focus,form div.error input[type=password]:focus,form div.error textarea:focus{border-color:#b9554d;-webkit-box-shadow:0 0 6px rgba(171, 41, 32, 0.5);-moz-box-shadow:0 0 6px rgba(171, 41, 32, 0.5);box-shadow:0 0 6px rgba(171, 41, 32, 0.5);}
form div.error div.input-prepend span.add-on,form div.error div.input-append span.add-on{background:#f4c8c5;border-color:#c87872;color:#b9554d;}
form .input-mini,form input.mini,form textarea.mini,form select.mini{width:60px;}
form .input-small,form input.small,form textarea.small,form select.small{width:90px;}
form .input-medium,form input.medium,form textarea.medium,form select.medium{width:150px;}
form .input-large,form input.large,form textarea.large,form select.large{width:210px;}
form .input-xlarge,form input.xlarge,form textarea.xlarge,form select.xlarge{width:270px;}
form .input-xxlarge,form input.xxlarge,form textarea.xxlarge,form select.xxlarge{width:530px;}
form textarea.xxlarge {overflow-y:scroll;}
form input[readonly]:focus,form textarea[readonly]:focus,form input.disabled{background:#f5f5f5;border-color:#ddd;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
