<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*
Theme Name: Sample Theme
Theme URI: http://ptotst-channel.com
Description: This is PTOTST-channel online journal theme.
*/  

body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,
ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,
object { margin: 0; padding: 0; vertical-align: baseline; }
img { vertical-align:bottom; border:none; }
h1,h2,h3,h4,h5,
h6 { font-style: normal; font-weight: normal; font-size: 1.0em; }
#footer_content span { font-size:1.4em; }
#footer a { text-decoration:none; color:#666; }
#footer a:hover { text-decoration:underline; }
#footer_content span a { color:#FFF; }
#footer_content span a:hover { color:#FF6; }
ul { list-style: none; }
a { text-decoration:none; color:#333; }
a:hover img.over1 { opacity:0.7; filter:alpha(opacity=70);/*IE6,IE7*/ -ms-filter:"alpha(opacity=70)";/*IE8*/ zoom:1; }
a.blue { color:#06F; }
a.blue:hover { color:#06F; text-decoration:underline; }
.date { font-weight:bold; }
.small { font-size:smaller; }
/*以下状況に応じて
table {border-spacing:0;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left; font-weight:normal;}
table,th,td,img {border:0;}
img,input {vertical-align:middle;}
q:before,q:after {content:'';}
*/

/*▽html5*/
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,
summary { display:block; }
/*△html5*/

.alignR { text-align:right; }
.alignC { text-align:center; }
.alignL { text-align:left; }
.floatR { float:right; }
.floatL { float:left; }
.clear { clear:both; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mb0 { margin-bottom:0px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }
.mr50 { margin-right:50px; }

.mg10 {margin:10px;}

.wide01 {width:40px;}
.wide02 {width:100px;}
.wide03 {width:220px;}
.wide04 {width:280px;}
.wide05 {width:340px;}
.wide06 {width:400px;}
.wide07 {width:460px;}
.wide08 {width:520px;}
.wide09 {width:580px;}
.wide10 {width:640px;}


.float_left_325 { width:325px; float:left; margin-right:20px; margin-bottom:20px;}

.big_text150{font-size:150%;}


/*button*/
.button { padding: 5px 10px; display: inline; background: #777 url(../images/button.png) repeat-x bottom; border: none; color: #fff; cursor: pointer; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 1px 1px #666; }
.button:hover { background-position: 0 center; }
.button:active { background-position: 0 top; position: relative; top: 1px; padding: 6px 10px 4px; }
.button.red { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.orange a { color:#FFF; }
.button.blue { background-color: #2c6da0; }
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 75%; padding: 3px 7px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }
/*button*/
.round { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; }
.head_round { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; }
/*shadow*/
.effect2 { position: relative; }
.effect2:before,
.effect2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }
.effect2:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; }
/*shadow*/
a {
	color:#5BB2E4;
	text-decoration:underline;
}

img.over:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
　/*IE5～7適用*/
 -ms-filter: "alpha( opacity=70 )";
　/*IE8適用*/
}
img.over_now {
	opacity:0.6;
	filter: alpha(opacity=60);
　/*IE5～7適用*/
 -ms-filter: "alpha( opacity=60 )";
　/*IE8適用*/
}
.text_blue {color:#5BB2E4;}
.text_green {color:#69BA64;}

.a_black {
	color:#333;
}
.a_black:hover{
	text-decoration:underline;
	background-color:#F3F3F3
}

/*フォント関係デフォルトが16pxの場合*/
body { font-size: 62.5%; line-height:1.5; color:#333333;/* 10px */ font-family:'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; color:#333; line-height:1.8; }



#header {
	/*background-color:#F19AB2;*/
	background-color:#69BA64;
	height:80px;
	border-bottom:2px solid #727171;
}
#header_content {
	width:940px;
	margin:0 auto;
	position:relative;
}
#header_nav ul li {
	float:left;
	color:#FFF;
	padding-right:15px;
}
#header_nav ul li a {
	color:#FFF;
	text-decoration:none;
}
#header_nav ul li a:hover {
	text-decoration:underline;
}
#header_nav {
	position:absolute;
	top:50px;
	right:20px;
	font-size:1.4em;
}
#logo {
	padding-top:10px;
}

#nav {
	/*background-color:#9FA0A0;*/
	background-color:#E8EBB7;
	font-size:1.6em;
	color:#fff;
	height:50px;
}
#nav_content {
	width:940px;
	margin:0 auto;
}
#nav_content ul li {
	float:left;
	margin:5px;
}
#nav_content ul li a {
	padding:5px 20px 3px;
	/*color:#fff;*/
	background-color:#CADA89;
	color:#333;
	text-decoration:none;
	display:block;
	border-top:1px solid #9FA0A0;
	border-left:1px solid #9FA0A0;
}
#nav_content ul li a:hover,
#nav_content ul li.now a{
	background-color:#FFC;
	color:#fff;
	background-color:#69BA64;
	border-top:1px solid #333;
	border-left:1px solid #333;
}

#top_img {
	background:#EFEFEF;
}
.top_img_content {
	width:940px;
	margin:0 auto;
	position:relative;
}

.top_h1 {
	font-size:3em;
	font-weight:100;
	padding-left:20px;
	background:url(../images/blue_bar.png) no-repeat left;
	position:absolute;
	top:20px;
	left:20px;
}
#top_read {
	font-size:1.3em;
	width:550px;
	position:absolute;
	top:150px;
	left:20px;
}

.span9 {
	width:700px;
}
.span3 {
	width:220px;
}

#contents {
	width:940px;
	margin:40px auto;
	font-size:1.4em;
	overflow:hidden;
}
#main_content {
	float:left;
}
.h2_left_under_line {
	border-bottom:1px solid #CCC;
	margin-bottom:20px;
	font-size:1.6em;
	clear:both;
}
.h3_left {
	margin-bottom:15px;
	font-size:1.4em;
}
.h4 {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:20px;
	padding-top:10px;
	
}
.h2_left_under_line span {
	line-height:1.2em;
	padding-left:20px;
	background:url(../images/blue_bar.png) repeat-y left top;
}
.paragraph {
	margin-bottom:1em;
	overflow:hidden;
}
.block {
	margin-bottom:40px;
	overflow:hidden;
	clear:both;
}


.h3_left span {
	display:block;
	line-height:1.2em;
	padding-top:3px;
	padding-left:12px;
	background:url(../images/gray_bar.png) repeat-y left top;
	color:#00A29A;
	font-weight:bold;
}





#sub_content {
	width:220px;
	float:right;
}
.sub_group {
	margin-bottom:20px;
}




#footer {
	/*background-color:#F19AB2;*/
	background-color:#CADA89;
}
#footer_content {
	width:940px;
	margin:0 auto;
	padding:20px 0;
	color:#FFF;
	position:relative;
}
.scroll_top {
	position:absolute;
	top:-35px;
	right:0px;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.content_img_content {
	width:940px;
	margin:0 auto;
	position:relative;
}

.pink_back {
	color:#fff;
	font-weight:bold;
	background-color:#F19AB2;
	padding:5px 10px;
	line-height:1.2;
}
.green_back {
	color:#fff;
	font-weight:bold;
	background-color:#69BA64;
	padding:5px 10px;
	line-height:1.2;
}

/**/
.blue_box_text{
	border-bottom:4px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(js/pie/pie.htc);
	_behavior:none;
}
.blue_box_text a span {
	display:block;
	text-align:center;
	line-height:3em;
	height:3em;
	color:#FFF;
	font-size:1.4em;
	font-weight:bold;
	background:#5BB2E4;
	border-bottom:1px solid #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(js/pie/pie.htc);
	_behavior:none;
}
.blue_box_text a span:hover {
	display:block;
	text-align:center;
	line-height:3em;
	height:3em;
	color:#FFF;
	font-size:1.4em;
	font-weight:bold;
	background:#CCC;
	border-bottom:1px solid #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(js/pie/pie.htc);
	_behavior:none;
}
/**/
.round {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(js/pie/pie.htc);
	_behavior:none;
}

a.blue_link {
	color:#5BB2E4;
	font-weight:bold;
	text-decoration:underline;
}
a.blue_link_right {
	text-align:right;
	color:#5BB2E4;
	font-weight:bold;
	text-decoration:underline;
	display:block;
	margin-right:10px;
}


/*person */
.person {
	clear:both;
	margin-top:40px;
	overflow:hidden;
}
.person_img {
	float:left;
	width:100px;
}
.person_txt {
	margin-left:120px;
}
.person_name {
	border-bottom:1px dotted #CCC;
	margin-bottom:1em;
	font-weight:bold;
	font-size:1.2em;
}
.green_block {
	padding:2px 5px;
	background-color:#69BA64;
	color:#fff;
}
.shikaku {
	margin-top:1em;
	font-size:90%;
	border:1px dotted #999;
	padding:0.5em;
}
.shikaku dt {
	margin-bottom:5px;
}

.google_btn {
	float:right;
}

#access_btn01 {
	float:left;
	margin-right:20px;
}
#access_btn02 {
	float:right;
	margin-right:0px;
}


/*  table  v */
.standard_table { border-collapse:collapse; border-spacing:0;
width:90%;
margin:0 auto;
}
.standard_table tr td {
	padding:8px 15px;
	border-bottom:1px dashed #999;
}
.standard_table tr td.td_top,
.standard_table tr th.td_top {
	border-top:1px dashed #999;
}
.standard_table tr th {
	font-weight:normal;
	text-align:left;
	width:6em;
	padding:8px 15px;
	border-right: 1px dashed #CCC;
	border-bottom:1px dashed #999;
	background:url(../images/bg.gif);
}
.standard_table tr td.td3 {
	font-weight:normal;
	text-align:left;
	padding:8px 15px;
	border-right: 1px dashed #CCC;
	border-bottom:1px dashed #999;
	background:url(../images/bg.gif);
	width:5em;
}
.standard_table_rec {
	margin-left:150px;
}
.rec_job {
	float:left;
	width:140px;
	border-top:2px solid #999;
	padding-top:10px;
}
.standard_table tr td.table_company,
.standard_table tr td.table_company2 {
	width:330px;
}
.standard_table tr td.table_company2 {
	border-right: 1px dashed #CCC;
}
ul.right_link {
	width:224px;
	font-size:1.2em;
	border:3px solid #CCC;
	border-top:none;
	margin-bottom:20px;
}

/*  個人情報  */
.privacy_dl dt{
	line-height:1.8;
	background:url(../images/point2.gif) left center no-repeat;
	border-bottom:1px solid #999;
	font-weight:bold;
	padding-left:12px;
	margin-bottom:10px;
}
.privacy_dl dd {
	margin-bottom:30px;
}

.form_table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
.form_table th {
	text-align:left;
}
.form_table th,
.form_table td {
	padding:8px 4px;
	border-top:1px solid #CCC;
}
#send {
	font-size:1.4em;
	padding:8px 15px;
}
.table_bg th,
.table_bg tr {
	background:url(../images/bg.gif) repeat;
}


/*team building  */
.team_building_phase {
	overflow:hidden;
	clear:both;
}
.team_building_img {
	float:left;
}
.team_building_text {
	margin-left:270px;
	padding-bottom:20px;
	line-height:1.5;
	font-size:90%;
}
.ul_point li {
	list-style:circle;
}
.ul_point {
	padding-left:20px;
}

.move_dl dt {
	font-weight:bold;
	font-size:150%;
	color:#69BA64;
	height:40px;
	line-height:40px;
	margin-bottom:10px;
}
.move_dl dd {
	margin-bottom:20px;
}
.dt_01 {
	padding-left:40px;
	background:url(../images/no01.gif) no-repeat left center;
}
.dt_02 {
	padding-left:40px;
	background:url(../images/no02.gif) no-repeat left center;
}
.dt_03 {
	padding-left:40px;
	background:url(../images/no03.gif) no-repeat left center;
}

.block p {
	margin-bottom:1em;
}
.box {
	border:1px solid #999;
	padding:10px;
}



/*ナビゲーション　*/
#main_menu {
	height:30px;
	z-index:100;
}
#main_menu li {
	position:relative;
	z-index:100;
}
.nav_under_ul {
	position:absolute;
	top:40px;
	left:0px;
	display:none;
}
#main_menu li .nav_under_ul li {
	display:block;
	margin:0;
	font-size:80%;
	width:100%;
}
#main_menu li .nav_under_ul li a {
	padding-left:5px;
}



.orange_btn {
	background: -moz-linear-gradient(top,#B9D5EC 0%,#5BB1E4);
    background: -webkit-gradient(linear, left top, left bottom, from(#B9D5EC), to(#5BB1E4));
    border: 2px solid #FFF;
    color: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    padding: 2px 5px;
	margin-bottom:15px;
	behavior: url(js/pie/pie.htc);
	_behavior:none;
}

.green_obi {
	background: #69BA64;
    /*border: 1px solid #DDD;*/
    color: #FFF;
    /*text-shadow: 0px 1px 1px rgba(255,255,255,0.85),0px 0px 5px rgba(0,0,0,1);*/
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    padding: 5px 10px;
	behavior: url(js/pie/pie.htc);
	_behavior:none;
}

.float_right_200 {
	width:200px;
	float:right;
	margin:0 0 15px 15px;
}
.float_right_300 {
	width:300px;
	float:right;
	margin:0 0 15px 15px;
}</pre></body></html>